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:.4s;
    transform: translate(0px, 2px);
    transition-delay:.4s;
}



/* 副标题 动画 */

.little_title  .font-ol-title_ZN{
  width:100px;
  height:35px;
  color:#1f2022;
  font-size:18px;
  font-weight:600;
  overflow: hidden;
}
.little_title  .font-ol-title_EN{
  width:500px;
  height:75px;
  color:#1f2022;
  font-size:70px;
  /* font-weight:600; */
  overflow: hidden;
  text-align: left;
  line-height: 80px;
}
.little_title  .font-ol-title_ZN .f{
  height:20px;
  width:100px;
}
.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: transform .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 .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: 600; */
  color:#000;
   transition: transform .5s ease;
  display: block;
}
.little_title .font-ol-title_EN span{ 
  -webkit-transform: translate(0px, 90px);
          transform: translate(0px, 90px);
}
/* joinus 加入我们 */

.joinUs{
  width:100%;
  padding:75px 0;
  background:#f5f5f5;
}
.joinUs .content{
  width:1200px;
  margin:0 auto;
  overflow: hidden;
}
.is_loaded .joinUs.little_title .font-ol-title_ZN span{
  -webkit-transform: translate(0px, 0px);
          transform: translate(0px, 0px);
}
.is_loaded .joinUs.little_title .font-ol-title_EN span{ 
  -webkit-transform: translate(0px, 0px);
          transform: translate(0px, 0px);
}

/* switchTab */
.switchTab{
  width:950px;
  background:#f3f3f3;
  margin:25px auto 0;
}
.switchTab {
  position: relative;
}
.switchTab .tabTitle{
  position: relative;
  width:950px;
  height:55px;
  overflow: hidden;
  

}
.switchTab .tabTitle > div{
  width:55px;
  font-size:18px;
  color:#878787;
  height:54px;
  line-height: 54px;
  text-align: center;
  float:left;
  overflow: hidden;
  margin-top:2px;
  margin-right:20px;
  cursor: pointer;
  transition: all 200ms ease;
}
.switchTab .tabTitle > div:hover{
  color:#2e2f36;
}
.switchTab .tabTitle > div.active{ 
  color:#2e2f36;
  font-weight: 500;
}

.switchTab .tabTitle .underline{ 
  position: absolute;
  width:55px;
  height:4px;
  background:#2e2f36;
  left:0;
  z-index: 111;
  bottom: 0;
  transition: all 500ms ease;
}
.switchTab .tabContent{
  width:100%;
  min-height: 200px;
  margin-top:25px;
  padding-bottom: 20px;
      
}


.common_content {
  height:inherit;
  display: none;
}
.all{
  display: block;
}
.common_content  ul{
  width:99%;
}
.common_content li{
  width:100%;
  margin:0 auto;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.common_content .f{
  width:100%;
  
}
.common_content .o{
  vertical-align: top;
  overflow: hidden;
}
.common_content  ul{
  transition: all 500ms ease;
  height:inherit;
  background:#fff;
  box-shadow: 10px 10px 0px #e3e3e3;
  margin-bottom:30px;
}
.common_content  li .tt{
  width:100%;
  height:100px;
}
.common_content  li h3{
  float:left;
  color:#2e2f36;
  font-size: 24px;
  font-weight: 500;
  line-height: 100px;
  text-indent:2em;
}
.common_content  li h3 span{
  font-size: 14px;
  color: #8f8f8f;
  font-weight: normal;
}
.common_content  li  i{
  float:right;
  margin-right:20px;
  margin-top:36px;
  width:27px;
  height: 27px;
  background:url(../images/arrow_open.png) no-repeat;
  background-size: 100%;
  transition: all 500ms ease;
}
.common_content .cur  li  i{
  
  background:url(../images/arrow_close.png) no-repeat;
  background-size: 100%;
}
.common_content li .cn{
  padding: 0 48px;
  display: none;
}
.common_content .cur li .cn{
  display: block;
}
.common_content li .line span{
  display: block;
  height:4px;
  width:55px;
  background: #2e2f36;

}
.common_content li h4{
  color:#2e2f36;
  font-size: 18px;
  font-weight: 500;
  height:60px;
  line-height: 60px;
}
.common_content li  .duty p{
  font-size:16px;
  color:#878787;
  line-height: 32px;
}
.common_content li .mail,
.common_content li .mail a
{
  width:100%;
  height:100px;
  color:#2e2f36;
  font-size: 24px;
  font-weight: 500;
  line-height: 100px;
  text-indent:2em;
}


.common_content ul{ 
  opacity: 0;
  -webkit-transform: translate(0px, 220px);
          transform: translate(0px, 220px);
}
.active.common_content ul{
  opacity: 1;
  -webkit-transform: translate(0px, 0px);
          transform: translate(0px, 0px);
}
.null{
    padding-left: 10px;
    color: #878787;
}

@media screen and (max-width:640px) {


.switchTab{
  width:100%;
  background:#f3f3f3;
  margin:25px auto 0;
}
.switchTab {
  position: relative;
}
.switchTab .tabTitle{
  position: relative;
  width:100%;
  height:55px;
  overflow: hidden;
  

}
	
	
	
	
	
	.joinUs .content{
  width:95%;
  margin:0 auto;
  overflow: hidden;
}}