@-webkit-keyframes play {
    0% {
      -webkit-transform: translate(-50%, -50%) scale(1);
      -moz-transform: translate(-50%, -50%) scale(1);
      -ms-transform: translate(-50%, -50%) scale(1);
      -o-transform: translate(-50%, -50%) scale(1);
      transform: translate(-50%, -50%) scale(1);
      opacity: 1;
    }
    70% {
      -webkit-transform: translate(-50%, -50%) scale(2);
      -moz-transform: translate(-50%, -50%) scale(2);
      -ms-transform: translate(-50%, -50%) scale(2);
      -o-transform: translate(-50%, -50%) scale(2);
      transform: translate(-50%, -50%) scale(2);
      opacity: 0;
    }
    100% {
      -webkit-transform: translate(-50%, -50%) scale(1);
      -moz-transform: translate(-50%, -50%) scale(1);
      -ms-transform: translate(-50%, -50%) scale(1);
      -o-transform: translate(-50%, -50%) scale(1);
      transform: translate(-50%, -50%) scale(1);
      opacity: 0;
    }
  }
  @-o-keyframes play {
    0% {
      -webkit-transform: translate(-50%, -50%) scale(1);
      -moz-transform: translate(-50%, -50%) scale(1);
      -ms-transform: translate(-50%, -50%) scale(1);
      -o-transform: translate(-50%, -50%) scale(1);
      transform: translate(-50%, -50%) scale(1);
      opacity: 1;
    }
    70% {
      -webkit-transform: translate(-50%, -50%) scale(2);
      -moz-transform: translate(-50%, -50%) scale(2);
      -ms-transform: translate(-50%, -50%) scale(2);
      -o-transform: translate(-50%, -50%) scale(2);
      transform: translate(-50%, -50%) scale(2);
      opacity: 0;
    }
    100% {
      -webkit-transform: translate(-50%, -50%) scale(1);
      -moz-transform: translate(-50%, -50%) scale(1);
      -ms-transform: translate(-50%, -50%) scale(1);
      -o-transform: translate(-50%, -50%) scale(1);
      transform: translate(-50%, -50%) scale(1);
      opacity: 0;
    }
  }
  @-moz-keyframes play {
    0% {
      -webkit-transform: translate(-50%, -50%) scale(1);
      -moz-transform: translate(-50%, -50%) scale(1);
      -ms-transform: translate(-50%, -50%) scale(1);
      -o-transform: translate(-50%, -50%) scale(1);
      transform: translate(-50%, -50%) scale(1);
      opacity: 1;
    }
    70% {
      -webkit-transform: translate(-50%, -50%) scale(2);
      -moz-transform: translate(-50%, -50%) scale(2);
      -ms-transform: translate(-50%, -50%) scale(2);
      -o-transform: translate(-50%, -50%) scale(2);
      transform: translate(-50%, -50%) scale(2);
      opacity: 0;
    }
    100% {
      -webkit-transform: translate(-50%, -50%) scale(1);
      -moz-transform: translate(-50%, -50%) scale(1);
      -ms-transform: translate(-50%, -50%) scale(1);
      -o-transform: translate(-50%, -50%) scale(1);
      transform: translate(-50%, -50%) scale(1);
      opacity: 0;
    }
  }
  @keyframes play {
    0% {
      -webkit-transform: translate(-50%, -50%) scale(1);
      -moz-transform: translate(-50%, -50%) scale(1);
      -ms-transform: translate(-50%, -50%) scale(1);
      -o-transform: translate(-50%, -50%) scale(1);
      transform: translate(-50%, -50%) scale(1);
      opacity: 1;
    }
    70% {
      -webkit-transform: translate(-50%, -50%) scale(2);
      -moz-transform: translate(-50%, -50%) scale(2);
      -ms-transform: translate(-50%, -50%) scale(2);
      -o-transform: translate(-50%, -50%) scale(2);
      transform: translate(-50%, -50%) scale(2);
      opacity: 0;
    }
    100% {
      -webkit-transform: translate(-50%, -50%) scale(1);
      -moz-transform: translate(-50%, -50%) scale(1);
      -ms-transform: translate(-50%, -50%) scale(1);
      -o-transform: translate(-50%, -50%) scale(1);
      transform: translate(-50%, -50%) scale(1);
      opacity: 0;
    }
  }
  @-webkit-keyframes lr {
    from {
      left: 100%;
    }
    to {
      left: -10%;
    }
  }
  @-o-keyframes lr {
    from {
      left: 100%;
    }
    to {
      left: -10%;
    }
  }
  @-moz-keyframes lr {
    from {
      left: 100%;
    }
    to {
      left: -10%;
    }
  }
  @keyframes lr {
    from {
      left: 100%;
    }
    to {
      left: -10%;
    }
  }

body{
  font-size: 14px;
}

.homePhilosophy{
  background-color: rgba(16, 34, 66, 1); padding: 48px 0 ;
}

.homePhilosophy .homeHeader{
  color: white; 
  text-align:center;
}
.homePhilosophy .homeHeader .title1{
  color: inherit; font-size: 30px; margin-bottom: 15px;
}

.homePhilosophy .homeHeader .lines{
  color: inherit; width: 60px; margin: 0 auto; margin-bottom: 15px;
}

.homePhilosophy .homeHeader .title2{
  color: inherit; font-style: italic; margin-bottom: 30px;
}

.homePhilosophy .homePhilosophy-box .block1{
  color:white;
  text-align: center;
  padding:30px 0;
}
.homePhilosophy .homePhilosophy-box .block1:hover{
  box-shadow: 0 0 20px 2px #a4a4a45e;
}


.homePhilosophy .homePhilosophy-box .block1 span{
  color:inherit; 
  font-size:60px;
}

.homePhilosophy .homePhilosophy-box .block1 h3{
  color:inherit;
  font-size: 18px;
  margin-bottom: 10px;
  margin-top: 30px;
}

.homePhilosophy .homePhilosophy-box .block1 p{
  color:inherit;
  width: 80%;
  margin: 0 auto;
  line-height: 1.75;
}
.homeQuality{
  padding: 28px 0 0;
   /* background-color: #f7f7f7; */
}
.homeQuality-box{
  background-color: #f1f1f1; margin: 0 -15px;
}
.homeQuality-box .floatRight{
  float: right;
}
.homeQuality-box .blockImg{
  width: 100%; height: 250px; overflow: hidden;
}
.homeQuality-box .blockImg .imgUrl{
  width: 100%; height: 100%; 
  background-size: 100% auto; 
  background-position: center center; 
  background-clip: content-box; 
  background-repeat: no-repeat;
  transition: all 0.6s;
}
.homeQuality-box .blockInfo{
  padding: 10% 8%; box-sizing: border-box; height: 250px; cursor: pointer;
}

.homeQuality-box .blockInfo h3{
  font-size: 24px; line-height: 30px;
}
.homeQuality-box .blockInfo h4{
  font-size: 18px; line-height: 30px;
}
.homeQuality-box .blockInfo p{
  line-height: 24px; font-size: 14px;
}
.homeQuality-box .blockInfo .blockInfoIntro{
  margin-top: 20px;
}
.homeQuality-box .blockImg .imgUrl:hover{
  /* scale:(1.2,1.2); */
  transform:scale(1.2);
  -webkit-transform:scale(1.2);  /*兼容-webkit-引擎浏览器*/
  -moz-transform:scale(1.2);     /*兼容-moz-引擎浏览器*/
}
.homeQuality-box .blockInfo:hover{
  background-color: #1d1f24;
}
.homeQuality-box .blockInfo:hover *{
  color: #f1f1f1;
}

.homeNews{
  padding: 48px 0 28px;
}

.homeNews .homeNews-box .block1{
  color:white;
  /* text-align: center; */
  padding: 10px 10px;
}
.homeNews .homeNews-box .block1 .block1-Box{
  background-color: #f5f5f5;
  overflow: hidden;
  padding: 10px;
}
#newsList{
  padding: 0 35px;
}


.homeNews .homeNews-box .block1 span{
  color:inherit; 
  font-size:60px;
}

.homeNews .homeNews-box .block1 .line{
  width: 60px; margin: 0 auto; height: 2px;
}

.homeNews .homeNews-box .block1 h3{
  color:inherit;
  font-size: 18px;
  margin-bottom: 10px;
  margin-top: 30px;
}

.homeNews .homeNews-box .block1 .newsImg{
    display: block;
    overflow: hidden;
    display: table;
    text-align: center;
    height: 125px;
}
.homeNews .homeNews-box .block1 .newsImg .newsImgContent{
  width: 100%;
  height: 100%;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center center;
}
.homeNews .homeNews-box .block1 .newsImg img{
  cursor: pointer;  
  transition: all 0.6s;  
  max-width: 100%;
  display: inline;
  vertical-align: middle;
}
.homeNews .homeNews-box .block1 .newsImg img:hover{
  transform: scale(1.2);
}
.homeNews .homeNews-box .block1 .newsIntro{
  line-height:40px; color: #797979; font-size: 16px; padding-left: 20px;
  /* background-color: #231815; */
}
.homeNews .homeNews-box .block1 .newsIntro .titles{
  color: #1d1f24; line-height: 30px; font-size: 18px; margin-top: 20px;
}
.homeNews .homeNews-box .block1 .newsIntro .titles:hover{
  color: #0158da;
}
.homeNews .homeNews-box .block1 .newsIntro .time{
  color: #adadad; line-height: 24px; font-size: 16px; margin-bottom: 20px;
}
.homeNews .homeNews-box .block1 .newsIntro .intros{
  color: #727272;line-height: 24px; font-size: 14px;
}

.homeNews .homeNews-box .block1 .newsIntro .seeMore{
  color: #2579c7; font-size: 14px;
}
.homeNews .homeNews-box .block1 .newsIntro .seeMore:hover{
  color: #123f83;
}