html, body {
  position: relative;
  height: 100%;
}
.container{
  height: 100%;
}
.container{
  min-width: 1280px;
  overflow-x:auto;
}
.fullPage_title{
  width:100%;
  height:468px;
  overflow: hidden;
  position: relative;
  background:#000;
}
.fullPage_title .background-scene {
    width:1200px;
    height:600px;
    position: absolute;
    top: 0;
    left: 0;
    right:0;
    bottom:0;
    margin:auto;
    overflow: hidden;
    z-index:1;
}
.fullPage_title canvas{
  width:1800px;
  height:900px;
  position: absolute;
  left:50%;
  margin-left:-900px;
  margin-top:-450px;
  top:50%;

}
/* 大文字 动画效果 */
.fullPage_title .title{
  position: absolute;
  z-index: 2;
  width:100%;
  height:85%;
  top:40%;
  left:0;

}
.fullPage_title .font-ol-title_ZH{
  position: relative;
  overflow: hidden;
  width:100px;
  height:55px;
  margin:0 auto;
}
.fullPage_title .font-ol-title_ZH .f{
  width:100px;
  height:55px;
  margin:0 auto;
}
.fullPage_title .font-ol-title_ZH .o{
  vertical-align: top;
  overflow: hidden;
}
.fullPage_title .font-ol-title_ZH span{
  font-size:18px;
  font-weight: 500;
  color:#FFF;
  transition: all .5s ease;
  display: block;
}
.fullPage_title .font-ol-title_ZH span{ 
  -webkit-transform: translate(0px, 55px);
          transform: translate(0px, 55px);
}

.is_loaded .fullPage_title .font-ol-title_ZH span{ 
  -webkit-transform: translate(0px, 0px);
          transform: translate(0px, 0px);
}

.fullPage_title .font-ol-title_EN{
  position: relative;
  overflow: hidden;
  width:450px;
  height:75px;
  margin:0 auto;
}
.fullPage_title .font-ol-title_EN .f{
  height:75px;
  width:450px;
  margin:0 auto;
}
.fullPage_title .font-ol-title_EN .o{
  vertical-align: top;
  overflow: hidden;
}
.fullPage_title .font-ol-title_EN span{
  font-size:60px;
  /* font-weight: 600; */
  color:#FFF;
   transition: all .5s ease;
  display: block;
}
.fullPage_title .font-ol-title_EN span{ 
  -webkit-transform: translate(0px, 300px);
          transform: translate(0px, 300px);
}

.is_loaded .fullPage_title .font-ol-title_EN span{ 
  -webkit-transform: translate(0px, 0px);
          transform: translate(0px, 0px);
}
/* title 整行文字动画 */
.fullPage_title .font-ol-info{
  display: block;
  text-align: center;
  font-size: 24px;
  color: #fff;
  width: 650px;
  height: 30px;
  margin: 0 auto;
}
.fullPage_title .font-ol-info .f{
  height:100%;
}
.fullPage_title .font-ol-info .o{

  height:100%;
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
}
.fullPage_title .font-ol-info span{
  height:100%;
  display: inline-block;
  transition: all .5s ease;
  -webkit-transform: translate(0px, 50px);
  transform: translate(0px, 50px);
}
.is_loaded .fullPage_title .font-ol-info span{
    -webkit-transform: translate(0px, 2px);
    -webkit-transition-delay:.5s;
    transform: translate(0px, 2px);
    transition-delay:.5s;
}
/* list */


/* 内容列表 动画 */
.container_content{

  background:#f3f3f3;
}
.news_content {
  height:inherit;
  padding-top:15px;
}
.news_content ul{
  width:1150px;
  margin:0px auto 0px;
  background: #fff;
}
.news_content li{
  width:100%;
  margin:0 auto;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  
}
.news_content li .icon{
  width:50%;
  height:324px;
  overflow: hidden;
 
}
.news_content li .icon img{
  width:576.5px;
  height:324px;
  overflow: hidden;
 
}
.news_content li .info{
  width:50%;
  display: flex;
  flex-direction: column;
  padding:0 30px;
}
.news_content li h3{
  color:#2e2f36;
  font-size: 24px;
  font-weight: 700;
  line-height:130px;
  height:120px;
  overflow: hidden;
}
.news_content li p{
  position: relative;
  font-size: 14px;
  line-height:30px;
  height:90px;
  color:#2e2f36;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.news_content li p::after{
  content: "..."; 
  position: absolute; 
  bottom: 0; 
  right: 0;
   /*padding-left: 40px;
  background: -webkit-linear-gradient(left, transparent, #fff 55%);
  background: -o-linear-gradient(right, transparent, #fff 55%);
  background: -moz-linear-gradient(right, transparent, #fff 55%);
  background: linear-gradient(to right, transparent, #fff 55%); */
}
.news_content li .info div{
  padding-top:50px;
  color:#878787;
}
.news_content .f{
  width:100%;
  height:350px;
  padding-top:15px;
}
.news_content .o{
  vertical-align: top;
  overflow: hidden;
}
.news_content ul{
  transition: all 500ms ease;
}
.news_content  ul{ 
  opacity: 0;
  -webkit-transform: translate(0px, 220px);
          transform: translate(0px, 220px);
}
.news_content .f.active  ul{
 animation: slideUp 500ms ease forwards;
}
 
@keyframes slideUp{
  0%{
     opacity: 0;
    -webkit-transform: translate(0px, 220px);
          transform: translate(0px, 220px);
  }
  100%{
      opacity: 1;
      -webkit-transform: translate(0px, 0px);
          transform: translate(0px, 0px);
  }
}
.more_news{
  width:1154px;
  height: 100px;
  margin:0 auto;
  transition: all .2s ease;
}
.more_news:hover{
  padding:0 2px;
}
.more_news a{
    display: block;
    height: 55px;
    text-align: center;
    line-height: 55px;
    font-size: 18px;
    font-weight: 300;
    border-radius: 8px;
    color:#222;
    background-color: #ffffff;
    cursor: pointer;
    transition: all .3s ease;
}
.more_news a:hover{
  transform: translateY(-4px);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.04);
}

/* 副标题 动画 */
.little_title {
  width:1000px;
  margin:120px auto 0;
  
}
.little_title  .font-ol-title_ZN{
  width:40px;
  height:30px;
  color:#1f2022;
  font-size:18px;
  font-weight:600;
  overflow: hidden;
}


.little_title  .font-ol-title_ZN .f{
  height:20px;
  width:40px;
}
.little_title  .font-ol-title_ZN .o{
  vertical-align: top;
  overflow: hidden;
}
.little_title  .font-ol-title_ZN span{
  font-size:18px;
  font-weight: 500;
  color:#000;
  transition: all .5s ease;
  display: block;
}
.little_title .font-ol-title_ZN span{ 
  -webkit-transform: translate(0px, 30px);
          transform: translate(0px, 30px);
}

.little_title  .font-ol-title_EN{
  width:500px;
  height:70px;
  color:#1f2022;
  font-size:70px;
  font-weight:600;
  overflow: hidden;
  text-align: left;
  line-height: 80px;
}

.little_title  .font-ol-title_EN .f{
  width:500px;
  height:70px;
}
.little_title  .font-ol-title_EN .o{
  vertical-align: top;
  overflow: hidden;
}
.little_title  .font-ol-title_EN span{
  font-size:70px;
  font-weight: 500;
  color:#000;
  transition: all .5s ease;
  display: block;
}
.little_title .font-ol-title_EN span{ 
  -webkit-transform: translate(0px, 90px);
          transform: translate(0px, 90px);
}
.newsDetails{
  width:100%;
  padding:50px 0 60px;
}
.newsDetails .content{
  width:1200px;
  margin:0 auto;
  overflow: hidden;
}
.is_loaded .little_title .font-ol-title_ZN span{ 
  -webkit-transform: translate(0px, 0px);
          transform: translate(0px, 0px);
}
.is_loaded .little_title .font-ol-title_EN span{ 
  -webkit-transform: translate(0px, 0px);
          transform: translate(0px, 0px);
}


.details_content .news_info{
    width: 820px;
    background-color: #fff;
    border-radius: 8px;
    padding: 20px;
    margin:0 auto;
}
.details_content .news_info h2{
    color: #222222;
    font-size: 24px;
    text-align: center;
    margin: 0 auto 15px;
    font-weight: 500;
}

.details_content .news_info > span {
    display: block;
    text-align: center;
    color: #aaaaaa;
    font-size: 14px;
    line-height:40px;
}
.details_content .news_info .contents p {
    margin-bottom: 15px;
    color: #353131;
    font-size: 14px;
    line-height: 24px;
}
.details_content .news_info .contents p img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}
.details_content .news_info .contents span {
   display:inline;
  
}