/**************************
  fullpage 插件重置
***************************/
.h-header {
  height: 73px;
}
.header {
  position: fixed;
  height: 72px;
  background: rgba(255, 255, 255, 0);
  z-index: 999;
  left: 0;
  top: 0;
}
.header .logo {
  width: 130px;
  height: 50px;
  margin-top: 18px;
}
.header .nav {
  margin-top: 5px;
}
.header .nav li {
  float: left;
  margin: 16px 29px;
}
.header .nav li .line {
  width: 0;
  margin: 0 auto;
  height: 2px;
  background-color: transparent;
  transition: width 0.5s;
}
.header .nav li:hover a,
.header .nav li.act a {
  color: #4284d9;
}
.header .nav li:hover .line,
.header .nav li.act .line {
  width: 100%;
  background-color: #4284d9;
  transition: width 0.5s;
}
.header .nav a {
  display: block;
  line-height: 32px;
  font-size: 16px;
  color: #333;
  padding: 0 9px;
}
.header .nav-ico {
  height: 118px;
  width: 62px;
  background: url(../images/nav-ico.png) no-repeat center center;
}
.header.fixed {
  background-color: rgba(255, 255, 255, 0.8);
  border-bottom: 1px solid #bcb7b5;
}
.header.act {
  background-color: rgba(255, 255, 255, 0.8);
  border-bottom: 1px solid #d7d4d7;
}
/***************************
	第一屏
***************************/
.section {
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  transform-origin: 0% 50% 0px;
  transform: translate3d(0px, 0px, 0px);
  overflow: hidden;
}
.section1 {
  background-image: url(../testing/section_bg1.jpg);
}
.section3 {
  background-image: url(../testing/section_bg3.jpg);
}
.section4 {
  background-image: url(../testing/section_bg4.jpg);
}
.section5 {
  background-image: url(../testing/section_bg5.jpg);
}
.section6 {
  background-image: url(../testing/section_bg6.jpg);
}
.section7 {
  background-color: #f2f6fa;
}
.section8 {
  background-color: #363a45;
}
.c-right {
  margin-right: 11%;
  width: 47%;
}
.transition {
  transition: all 1s;
}
.active {
  transition: all 0.8s;
}
/***************************
	第一屏
***************************/
.s1-bg1 {
  bottom: -10%;
  left: 9%;
  height: 624px;
  width: 309px;
  background: url(../testing/s1-img01.png) no-repeat center top;
  background-size: 100% 100%;
}
.s1-bg1 .banner {
  width: 262px;
  height: 470px;
  background: #000;
  margin-top: 75px;
  margin-left: 20px;
}
.active .s1-bg1 {
  bottom: 5.8%;
  transition-delay: 0.5s;
}
.s1-bg2 {
  right: 0%;
  height: 10.7%;
  top: 23%;
}
.s1-bg3 {
  right: 0%;
  top: 34%;
}
.c-box {
  right: 0%;
  top: 45%;
  width: 224px;
}
.c-box div{
  display: block;
  float: right;
  width: 102px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #333333;
  color: #333333;
  font-size: 14px;
  text-align: center;
  margin: 4px;
  margin-bottom: 10px;
  border-radius: 12px;
}
/* .c-box a {
  display: block;
  float: right;
  width: 102px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #333333;
  color: #333333;
  font-size: 14px;
  text-align: center;
  margin-left: 8px;
  margin-bottom: 10px;
} */
.c-box a.long {
  width: 214px;
  /*border: 1px solid #999999;*/
  /*color: #999999;*/
   cursor:default;
}
.c-box a.act,
.c-box a:hover {
  border-color: #4284d9;
  background-color: #4284d9;
  color: #fff;
}
.c-box a.long:hover {
  border-color: #999999;
  background-color: #4284d9;
  color: #fff;
}
.c-box .ewm {
  width: 138px;
  height: 138px;
}
.c-box .ewm-w {
  width: 138px;
}
/***************************
	第二屏
***************************/
.s2-bg1 {
  bottom: -10%;
  height: 52%;
  background: url(../testing/s2-img01.png) no-repeat center top;
}
.active .s2-bg1 {
  bottom: 0%;
  transition-delay: 0.5s;
}
.sec-text {
  top: 18.5%;
}
.sec-text .s-line {
  display: block;
  width: 0px;
  height: 2px;
  margin-left: auto;
  margin-right: auto;
}
.active .sec-text .s-line {
  width: 48px;
  transition-delay: 0.8s;
}
/***************************
	第三屏
***************************/
.s3-bg {
  bottom: 5%;
  height: 39%;
}
.s3-bg1 {
  width: 26.75%;
  left: 11.33%;
  opacity: 0;
}
.s3-bg2 {
  width: 26.75%;
  left: 5.33%;
  top: 5%;
}
.s3-bg3 {
  left: 42.08%;
  width: 21.67%;
  opacity: 0;
}
.s3-bg4 {
  width: 26.92%;
  left: 67%;
  top: 5%;
  opacity: 0;
}
.s3-bg5 {
  width: 26.92%;
  left: 67%;
  opacity: 0;
}
.active .s3-bg1 {
  opacity: 1;
  transition-delay: 1.5s;
}
.active .s3-bg2 {
  left: 11.33%;
  top: 0%;
  transition-delay: 0.5s;
}
.active .s3-bg3 {
  opacity: 1;
  transition-delay: 1.8s;
}
.active .s3-bg4 {
  opacity: 1;
  top: 0;
  transition-delay: 2s;
}
.active .s3-bg5 {
  opacity: 1;
  transition-delay: 2.3s;
}
/***************************
	第四屏
***************************/
.s4-bg {
  height: 52%;
  width: 30.16%;
  left: 34.92%;
  bottom: 0;
  background: url(../testing/s4-img01.png) no-repeat center -30%;
  background-size: 100% auto;
}
.s4-bg span {
  display: inline-block;
  width: 130px;
  height: 130px;
  padding: 7px;
  border-radius: 50%;
  opacity: 0;
}
.s4-bg span i {
  display: block;
  width: 126px;
  height: 93px;
  border-radius: 50%;
  border: 2px solid;
  padding-top: 33px;
}
.active .s4-bg {
  background-position: center top;
  transition-delay: 0.5s;
}
.s4-bg1 {
  left: 82.5%;
  width: 0;
  top: 25.5%;
  height: 130px;
  background: url(../testing/right_line.png) no-repeat left center;
}
.s4-bg1 span {
  background-color: #0184db;
  opacity: 0;
  transition: opacity 0.7s;
}
.s4-bg1 span i {
  border-color: #99cef1;
}
.active .s4-bg1 {
  width: 96%;
  transition-delay: 1s;
}
.active .s4-bg1 span {
  opacity: 1;
  transition: opacity 0.7s;
  transition-delay: 1.4s;
}
.s4-bg2 {
  left: 6%;
  width: 0;
  top: 46%;
  margin-right: 0;
  margin-left: auto;
  background: url(../testing/left_line.png) no-repeat right center;
}
.s4-bg2 span {
  background-color: #1ea5ff;
  opacity: 0;
  transition: opacity 1.4s;
}
.s4-bg2 span i {
  border-color: #a5dbff;
}
.active .s4-bg2 {
  left: -84%;
  width: 90%;
  transition-delay: 1s;
}
.active .s4-bg2 span {
  opacity: 1;
  transition: opacity 1.4s;
  transition-delay: 1.4s;
}
.s5-bg {
  right: 10%;
  height: 51%;
  bottom: 0;
  width: 90%;
  background: url(../testing/feiji01.png) no-repeat right bottom;
  background-size: 100% auto;
}
.s5-bg .ss {
  display: block;
  width: 6%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: 100% auto;
  opacity: 0;
}
.s5-bg .ss.ss01 {
  background-image: url(../testing/ss02.png);
  left: 32.1%;
  bottom: 0;
  background-position: center bottom;
}
.s5-bg .ss.ss02 {
  background-image: url(../testing/ss01.png);
  left: 52%;
}
.s5-bg .ss.ss03 {
  background-image: url(../testing/ss03.png);
  left: 72%;
}
.active .s5-bg .ss {
  opacity: 1;
}
.active .s5-bg .ss.ss01 {
  transition-delay: 0.8s;
}
.active .s5-bg .ss.ss02 {
  transition-delay: 1.2s;
}
.active .s5-bg .ss.ss03 {
  transition-delay: 1.6s;
}
.s6-bg1 {
  left: 2%;
  top: 56%;
}
.s6-bg1 .one {
  width: 13.7%;
}
.s6-bg1 .one p {
  font-size: 16px;
}
.s6-bg2 {
  right: 2%;
  bottom: -20%;
  height: 100%;
  width: 46.4%;
  background: url(../testing/sj01.png) no-repeat right bottom;
  background-size: 100% auto;
}
.active .s6-bg1 {
  top: 50%;
  transition-delay: 0.8s;
}
.active .s6-bg2 {
  bottom: 0;
  transition-delay: 0.8s;
}
.s7 {
  width: 100%;
}
.s7 li {
  float: left;
  width: 14%;
  height: 120px;
  background: #fff;
}
.s7 li a {
cursor:default;  border: solid #e8edf1;
  border-width: 1px;
  position:relative;
  z-index: 99;
}
.s8 {
  width: 100%;
}
.s8 li {
  float: left;
  width: 7.5%;
  margin: 15px 2.5%;
  overflow: hidden;
}
.s8 li a {
  border: solid #fff;
  border-width: 3px;
  background: #fff;
  height: 84px;
  border-radius: 50%;
  overflow: hidden;
  font-size: 12px;
  line-height: 20px;
  position:relative;
  z-index: 99;
}
.s8 li a img {
  border-radius: 50%;
}
.footer .share {
  text-align: center;
}
.footer .share span {
  display: inline-block;
  width: 37px;
  height: 37px;
  margin: 8px;
  border-radius: 50%;
  background-color: #e6e7eb;
  position: relative;
}
.footer .share span a {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-image: url(../images/share.png);
  background-size: 29px auto;
position: relative;z-index:9}
.footer .share span a.qq {
  background-position: 4px 8px;
}
.footer .share span a.wb {
  background-position: 4px -29px;
}
.footer .share span a.wx {
  background-position: 4px -67px;
}
.footer .share span:hover {
  background-color: #3eae37;
}
.footer .share span:hover a.qq {
  background-position: 4px -167px;
}
.footer .share span:hover a.wb {
  background-position: 4px -134px;
}
.footer .share span:hover a.wx {
  background-position: 4px -102px;
}
.footer .share span .wx-ewm {
  padding: 20px;
  background: #3eae37;
  bottom: 52px;
  margin-left: -77px;
  width: 151px;
  display: none;
}
.footer .share span .qq-eqq {
  padding: 20px;
  background: #3eae37;
  bottom: 52px;
  margin-left: -77px;
  width: 151px;
  display: none;
}
.footer .share span .wx-ewm i {
  border-top: 9px solid #3eae37;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  bottom: -9px;
  left: 50%;
  margin-left: -9px;
}
.footer .share span .qq-eqq i {
  border-top: 9px solid #3eae37;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  bottom: -9px;
  left: 50%;
  margin-left: -9px;
}
.footer .f-nav a {
  display: inline-block;
  padding: 0 22px;

position: relative;z-index:9}
.pager a,
.pager span {
  display: inline-block;
  padding: 5px 12px;
  border: 1px solid #e8e8e8;
  color: #888;
  font-size: 14px;
  margin: 0 2px 5px;
  background-color: #fff;
}
.matpp {
  padding-top: 93px;
}
.goTop {
  z-index: 999;
  position: fixed;
  right: 25px;
  bottom: 25px;
  width: 47px;
  height: 47px;
  background: url(../images/backTop.png) no-repeat center center #ffffff;
}
.the-footer{
  position: absolute; bottom: 20px; right:10%;
  background-color: #FFF;
  padding: 4px 8px;
}