body img {
	vertical-align: middle;
}


/* PC版 */
@media screen and (min-width: 751px){
  
  /* 新版样式 */
  .section { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .j_content_panel .banner_index .inner{ padding:1px 0px; border-bottom:0px; border-top:0px;}
  a{ text-decoration:none;}
  /*banner*/
  .j_content_panel.tbc{ background:url(../Images/index/banner_01.jpg) no-repeat center;}
  .j_content_panel.tbc .logo-img{ display: none; }
  .tbc_t{ margin: 10px 0;font-size:60px; color:#ffffff; font-weight:800; text-align:center; position:absolute; width:100%; top:50%; }
  .tbc_t.ex{ letter-spacing:10px; margin-top:-75px;}
  /*WHO WE ARE*/
  .j_content_panel.wwa{ height:700px; background:url(../Images/index/invest_bg.jpg) no-repeat center bottom;}
  .j_content_panel.wwa .inner .wwa_left{ width:565px; height:700px; float:left; padding-left:35px;}
  .j_content_panel.wwa .inner .wwa_left h2{ padding-top:158px; font-size:52px; color:#909090;}
  .j_content_panel.wwa .inner .wwa_left p{ font-size:18px; color:#909090; padding-top:30px;}
  .j_content_panel.wwa .inner .wwa_left a{ font-size:14px; color:#487cb0; width:48px; height:28px; border:1px solid #487cb0; border-radius:28px; display:block; line-height:28px; padding-left:30px; margin-top:10px; position:relative;}
  .j_content_panel.wwa .inner .wwa_left a:after{ content:""; position:absolute; width:7px; height:1px; left:13px; top:14px; background:#487cb0;}
  .j_content_panel.wwa .inner .wwa_left a:before{ content:""; position:absolute; width:1px; height:7px; left:16px; top:11px; background:#487cb0;}
  .j_content_panel.wwa .inner .wwa_right{ width:570px; height:700px; float:right;}
  .j_content_panel.wwa .inner .wwa_right .wwa_video{ margin-top:238px; margin-left:170px;}
  .j_content_panel.wwa .inner .wwa_right .wwa_video img{ cursor:pointer;}
  /*WHAT WE DO*/
  .j_content_panel.wwd{ height:700px;}
  .j_content_panel.wwd .inner .wwd_left{ width:565px; height:700px; float:left; padding-left:35px;}
  .j_content_panel.wwd .inner .wwd_left h2{ padding-top:158px; font-size:52px; color:#909090;}
  .j_content_panel.wwd .inner .wwd_left p{ font-size:18px; color:#909090; padding-top:30px;}
  .j_content_panel.wwd .inner .wwd_right{ width:570px; height:700px; float:right;}
  .j_content_panel.wwd .inner .wwd_right .wwd_info{ margin-top:280px; margin-left:82px;}
  .j_content_panel.wwd .inner .wwd_right .wwd_info a{ font-size:18px; color:#090909; width:100%; height:60px; margin-bottom:30px; display:block; font-weight:bold; line-height:60px;}
  .j_content_panel.wwd .inner .wwd_right .wwd_info a span{ width:60px; height:60px; display:block; border-radius:50%; background:#e62f17; float:left; margin-right:24px; position:relative;}
  .j_content_panel.wwd .inner .wwd_right .wwd_info a span:after{content:""; position:absolute; width:17px; height:3px; left:22px; top:29px; background:#ffffff;}
  .j_content_panel.wwd .inner .wwd_right .wwd_info a span:before{content:""; position:absolute; width:3px; height:17px; left:29px; top:22px; background:#ffffff;}
  .j_content_panel.wwd .inner .wwd_right .wwd_info a:hover{ text-decoration:underline;}
  .j_content_panel.wwd .inner .wwd_right .wwd_info a:hover span{ box-shadow: 0px 9px 8px 0px rgba(217, 36, 13, 0.2);}
  /*WHY CHOOSE US*/
  .j_content_panel.wcu{ height:700px; background:url(../Images/index/wcu_bg.jpg) no-repeat center;}
  .j_content_panel.wcu .inner h2{padding-top:158px; padding-left:35px; font-size:52px; color:#ffffff;}
  .j_content_panel.wcu .inner ul{ list-style:none; width:1130px; margin:0; padding:0 35px; clear:both; margin-top:150px;}
  .j_content_panel.wcu .inner ul li{ width:280px; height:230px; padding-right:96px; float:left;}
  .j_content_panel.wcu .inner ul li h3{ width:56px; height:56px; background:#223557; font-size:30px; line-height:56px; text-align:center; color:#ffffff;}
  .j_content_panel.wcu .inner ul li h4{ font-size:18px; color:#ffffff; font-weight:normal; margin-top:16px;}
  .j_content_panel.wcu .inner ul li p{ font-size:14px; color:#ffffff; line-height:20px; margin-top:22px;}
  .cfooter{ position:relative;}
  .footer_index{ position:absolute; bottom:0; width:100%;}
  .inner.head{ position:relative;}
  .mouse{ width:60px; height:60px; background:url(../Images/index/mouse.png) no-repeat center; display:block; position:absolute; left:50%; bottom:15px; margin-left:-30px; -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
  .mouse2{background:url(../Images/index/mouse2.png) no-repeat center; -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
  .mouse:hover,.mouse2:hover{ background-position: center bottom; -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
  
  .mouse.hide{ display: none; }
  .j_content_panel.footer-fp.section{ display: none; }

  #j_content_panel-5 .mouse2{ display: none; }

  /* 侧边导航 */
  #fp-nav {
      position: fixed;
      z-index: 100;
      margin-top: -32px;
      top: 50%;
      opacity: 1;
  }
  #fp-nav.right {
      right: 17px;
  }
  #fp-nav.left {
      left: 17px;
  }
  .fp-slidesNav{
      position: absolute;
      z-index: 4;
      left: 50%;
      opacity: 1;
  }
  .fp-slidesNav.bottom {
      bottom: 17px;
  }
  .fp-slidesNav.top {
      top: 17px;
  }
  #fp-nav ul,
  .fp-slidesNav ul {
    margin: 0;
    padding: 0;
  }
  #fp-nav ul li,
  .fp-slidesNav ul li {
      display: block;
      width: 14px;
      height: 13px;
      margin: 7px;
      position:relative;
  }
  .fp-slidesNav ul li {
      display: inline-block;
  }
  #fp-nav ul li a,
  .fp-slidesNav ul li a {
      display: block;
      position: relative;
      z-index: 1;
      width: 100%;
      height: 100%;
      cursor: pointer;
      text-decoration: none;
  }
  #fp-nav ul li a.active span,
  .fp-slidesNav ul li a.active span {
      background: #487cb0;
  }
  #fp-nav ul li a span,
  .fp-slidesNav ul li a span {
      top: 2px;
      left: 2px;
      width: 8px;
      height: 8px;
      border: 1px solid #000;
      background: rgba(0, 0, 0, 0);
      border-radius: 50%;
      position: absolute;
      z-index: 1;
  }
  .top_nav .head {
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear
  }
  .top_nav.navbg .head {
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
  }
}


/* 移动端适配版 */
@media screen and (max-width: 750px){
  
  /* 新版样式 */
  .section { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .j_content_panel .banner_index .inner{ padding:1px 0px; border-bottom:0px; border-top:0px;}
  a{ text-decoration:none;}
  /*banner*/
  .j_content_panel.tbc{ background:url(../Images/index/banner_01.jpg) no-repeat center;}
  .j_content_panel.tbc .logo-img{ width: 130px;position: absolute;top: 20%;left: 50%;margin-left: -65px; }
  .j_content_panel.tbc .logo-img img{ width: 100%; }
  .tbc_t{ font-size:36px; color:#ffffff; font-weight:bold; text-align:center; position:absolute; width:100%; top:70%;}
  .tbc_t.ex{ letter-spacing:6px; position:absolute; width:100%; top:70%;margin-top: -50px;}
  /*WHO WE ARE*/
  .j_content_panel.wwa{ height:700px; background:url(../Images/index/invest_bg.jpg) no-repeat center bottom;background-size: 1000px;}
  .j_content_panel.wwa .inner .wwa_left{ width:92%; margin: 0 auto;}
  .j_content_panel.wwa .inner .wwa_left h2{ padding-top:100px; font-size:30px; color:#909090;}
  .j_content_panel.wwa .inner .wwa_left p{ font-size:14px; color:#909090; padding-top:20px;}
  .j_content_panel.wwa .inner .wwa_left a{ font-size:14px; color:#487cb0; width:48px; height:28px; border:1px solid #487cb0; border-radius:28px; display:block; line-height:28px; padding-left:30px; margin-top:10px; position:relative;}
  .j_content_panel.wwa .inner .wwa_left a:after{ content:""; position:absolute; width:7px; height:1px; left:13px; top:14px; background:#487cb0;}
  .j_content_panel.wwa .inner .wwa_left a:before{ content:""; position:absolute; width:1px; height:7px; left:16px; top:11px; background:#487cb0;}
  .j_content_panel.wwa .inner .wwa_right{ width:40%; float:right; margin-right: 4%;}
  .j_content_panel.wwa .inner .wwa_right .wwa_video{ width: 100%;}
  .j_content_panel.wwa .inner .wwa_right .wwa_video img{ cursor:pointer;width: 100%;}
  /*WHAT WE DO*/
  .j_content_panel.wwd{ height:700px;}
  .j_content_panel.wwd .inner .wwd_left{ width:92%; margin: 0 auto;}
  .j_content_panel.wwd .inner .wwd_left h2{ padding-top:100px; font-size:30px; color:#909090;}
  .j_content_panel.wwd .inner .wwd_left p{ font-size:14px; color:#909090; padding-top:20px;}
  .j_content_panel.wwd .inner .wwd_right{ width:92%;}
  .j_content_panel.wwd .inner .wwd_right .wwd_info{ margin-top:20px; margin-left:4%;}
  .j_content_panel.wwd .inner .wwd_right .wwd_info a{ font-size:16px; color:#090909; width:100%; height:50px; margin-bottom:20px; display:block; font-weight:bold; line-height:50px;}
  .j_content_panel.wwd .inner .wwd_right .wwd_info a span{ width:50px; height:50px; display:block; border-radius:50%; background:#e62f17; float:left; margin-right:18px; position:relative;}
  .j_content_panel.wwd .inner .wwd_right .wwd_info a span:after{content:""; position:absolute; width:17px; height:3px; left:17px; top:25px; background:#ffffff;}
  .j_content_panel.wwd .inner .wwd_right .wwd_info a span:before{content:""; position:absolute; width:3px; height:17px; left:24px; top:18px; background:#ffffff;}
  .j_content_panel.wwd .inner .wwd_right .wwd_info a:hover{ text-decoration:underline;}
  .j_content_panel.wwd .inner .wwd_right .wwd_info a:hover span{ box-shadow: 0px 9px 8px 0px rgba(217, 36, 13, 0.2);}
  /*WHY CHOOSE US*/
  .j_content_panel.wcu{ height:700px; background:url(../Images/index/wcu_bg.jpg) no-repeat center;}
  .j_content_panel.wcu .inner{ width: 92%;margin: 0 auto; }
  .j_content_panel.wcu .inner h2{padding-top:100px; font-size:30px; color:#ffffff;}
  .j_content_panel.wcu .inner ul{ list-style:none; margin-top:5%;}
  .j_content_panel.wcu .inner ul li{ width:100%; margin-bottom: 2%;}
  .j_content_panel.wcu .inner ul li h3{ width:30px; height:30px; background:#223557; font-size:20px; line-height:30px; text-align:center; color:#ffffff;}
  .j_content_panel.wcu .inner ul li h4{ font-size:14px; color:#ffffff; font-weight:normal;margin-bottom: 1%;}
  .j_content_panel.wcu .inner ul li p{ font-size:12px; color:#ffffff;}
  

  /* 底部信息 */
  .cfooter{ position:relative;}
  .footer_index{ display: none;}

  .footer-fp .fo-inner { height: 100%; }
  .footer-fp .contacts{ height: 86%;padding: 0; }
  .footer-fp .contacts .inner{ padding-top: 50px; }
  .footer-fp .contacts .inner .logo{ width: 20%;padding: 15% 0 5%; }
  .footer-fp .contacts .inner .aboutjt, .footer-fp .contacts .inner .focusingus{ margin-top: 60px; }
  .footer-fp .tfooter{ height: 14%; }

  
  /* 每屏底部锚点 */
  .inner.head{ position:relative;}
  .mouse{ width:60px; height:60px; background:url(../Images/index/mouse.png) no-repeat center; display:block; position:absolute; left:50%; bottom:15px; margin-left:-30px; -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
  .mouse2{background:url(../Images/index/mouse2.png) no-repeat center; -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
  .mouse:hover,.mouse2:hover{ background-position: center bottom; -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}

  /* 侧边导航 */
  #fp-nav { display: none; }
  .top_nav .head {
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear
  }
  .top_nav.navbg .head {
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
  }
}




/* 动画 */
.animated,.tbc_t,.wwa_left,.wwa_right,.wwd_left,.wwd_right,.j_content_panel.wcu .inner h2,.j_content_panel.wcu .inner ul,.partners_left,.partners_right,.top_nav{
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

/* 第一屏动画 */
.active .tbc_t{
  -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}
/* 第二屏动画 */
.active .inner .wwa_left{
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
	}
.active .inner .wwa_right{
	-webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
	}
/* 第三屏幕动画 */
.active .inner .wwd_left{
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
	}
.active .inner .wwd_right{
	-webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
    }
/* 第四屏幕动画 */
.j_content_panel.wcu.active .inner h2{
	-webkit-animation-name: slideInDown;
    animation-name: slideInDown;
	}
.j_content_panel.wcu.active .inner ul{
	-webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
    }
/* 第五屏幕动画 */
.active .inner .partners_left{
	-webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
	}
.active .inner .partners_right{
	-webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
	}