/*简单reset*/
        * {margin: 0;padding: 0;}

        #container,.sections, .section {
			/*必须，兼容，在浏览器不支持transform属性时，通过改变top/left完成滑动动画*/
            position: relative;
            /*必须，关系到单个page能否全屏显示*/
            height: 100%;
        }
        .section {
            /*有背景图时必须，关系到背景图能够全屏显示*/
            background-color: #000;
            background-size: cover;
            background-position: 50% 50%;
        }
        a{text-decoration: none;}
		.section img{width: 100%;}
        /*非必需，只是用来设置背景图，id不会被插件用到*/
       /* #section0 {
            background-image: url(../img/img1.png);
        }
        #section1 {
            background-image: url(../img/img2.png);
        }
        #section2 {
            background-image: url(../img/img3.png);
        }
        #section3 {
            background-image: url(../img/img4.png);
        } */
        /*以下样式用来设置slider样式，可自行修改*/
        .pages {position:fixed;right: 10px;top: 50%;ist-style: none;cursor: pointer}
        .pages li {width: 8px;height: 8px;border-radius: 50%;background: #fff;margin: 15px 0 0 7px;list-style: none}
        .pages li.active {margin-left: 0;width: 14px;height: 14px;border: 4px solid #FFFFFF;background: none;}
        .txtbg{width:30%;height:120px;background: #fff;opacity:0.3;z-index: 9999;position: absolute;top:45%;left: 10%;padding:30px;border-top-left-radius:20px;}
        .txt{font-size:40px;color: #000;line-height: 60px;}

        /*动画*/
  .xweixin img,.teamFone img,.xjoinThree a,.teamCaseOne img,.caseTowOk img,.xpage a,.allNavRight a{transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;}
  .caseTowOk:hover img{-webkit-transform: scale(1.5) rotate(-1.5deg);
              -moz-transform: scale(1.5) rotate(-1.5deg);
              -o-transform: scale(1.5) rotate(-1.5deg);
              -ms-transform: scale(1.5) rotate(-1.5deg);
              transform: scale(1.5) rotate(-1.5deg);}
  .teamCaseOne:hover img{-webkit-transform: scale(1.5) rotate(-1.5deg);
      -moz-transform: scale(1) rotate(20deg);
      -o-transform: scale(1) rotate(20deg);
      -ms-transform: scale(1) rotate(20deg);
      transform: scale(1) rotate(20deg);}

        .allNav{width: 100%;height: auto;overflow: hidden;position: fixed;z-index: 999999;background: #fff;opacity:0.9}
		.allNavC{width: 90%;margin:0 auto;height: auto;overflow:hidden;display: flex;justify-content:space-between}
        .allNavRight a{color: #000;text-decoration: none;height:80px;line-height: 80px;display: block;float: left;padding:0 20px;}
        .allNavRight a:hover{color: #60639F;margin-top: -5px;}

        .topBanner{text-align: center}
        .titleOne{height: auto;overflow: hidden;margin:50px auto;}
        .titleOne span{display: block;font-size: 35px;font-weight: bold;text-align: center}
        .titleOne span:nth-child(2){font-weight: normal;font-size: 18px;color:#B6B6B6}


  .swiper-container {
      padding-bottom:40px;
  }
  .swiper-wrapper{
  }
  .swiper-slide {
      width:978px;
      transition-timing-function:linear;
  }
  @media only screen and (max-width:1200px){
      .swiper-slide {
          width:770px;
      }
  }
  @media only screen and (max-width:980px){
      .swiper-slide {
          width:471px;
      }
  }
  @media only screen and (max-height:480px){
      .swiper-slide {
          width:471px;
      }
  }
  .swiper-slide img{
      width:100%;
      border-radius: 4px;}
  .swiper-slide .title{
      position:absolute;
      transform:rotate(90deg);
      transform-origin:left top;
      left:-3px;
      font-size:11px;
      color: rgb(102, 102, 102);}
  .swiper-button-next, .swiper-button-prev{
      width:86px;
      height:112px;
      background-size:86px 112px;
      margin-top:-56px;
      outline:none;}
  .swiper-button-next{
      background-image:url("../img/cursor-next.png");}
  .swiper-button-prev{
      background-image:url("../img/cursor-prev.png");}
  .swiper-pagination-bullet{
      background:none;
      opacity:1;
      margin:0 6px !important;
      width:9px;
      height:9px;
      position:relative;
      outline:none;
      vertical-align:middle;}
  .swiper-pagination-bullet span{
      width:3px;
      height:3px;
      background:#CCC;
      display:block;
      border-radius:50%;
      margin-top:3px;
      margin-left:3px;
  }
  .swiper-pagination-bullet i{
      background:#000;
      height:1px;
      width:20px;
      position:absolute;
      top:4px;
      transform:scaleX(0);
      transform-origin:left;
      z-index:3;
      transition-timing-function:linear;
  }
  .swiper-pagination-bullet-active span,.swiper-pagination-bullet:hover span{
      width:9px;
      height:9px;
      margin-top:0;
      margin-left:0;
      background:#000;
      position:relative;
      z-index:1;
  }
  .swiper-pagination-bullet-active i{
      animation:middle 6s;
  }
  .swiper-pagination-bullet:first-child.swiper-pagination-bullet-active i{
      animation:first 6s;
  }
  .swiper-pagination-bullet:last-child.swiper-pagination-bullet-active i{
      animation:last 6s;
  }
  @keyframes first{
      0% {transform:scaleX(0.5);left:0px;}/*091*/
      100% {transform:scaleX(1);left:2px;} /*0915*/
  }
  @keyframes last{
      0% {transform:scaleX(0.7);left:-10px;}/*1090*/
      20% {transform:scaleX(0.3);left:2px;} /*090*/
      100% {transform:scaleX(0.3);left:0px;} /*090*/
  }
  @keyframes middle{
      0% {transform:scaleX(0.7);left:-10px;}/*1091*/
      20% {transform:scaleX(0.45);left:2px;}/*092*/
      100% {transform:scaleX(1);left:2px;} /*0913*/
  }

  .caseTwo{
      -moz-column-count:3; /* Firefox */
      -webkit-column-count:3; /* Safari 和 Chrome */
      column-count:3;
      -moz-column-gap: 2em;
      -webkit-column-gap: 2em;
      column-gap: 2em;
      width: 80%;
      margin:1em auto;
  }
  .caseTowOk{
      margin-bottom: 2em;
      -moz-page-break-inside: avoid;
      -webkit-column-break-inside: avoid;
      break-inside: avoid;
      overflow: hidden;
      width: 490px;
  }
  @media screen and (max-width: 800px) {
      .caseTwo {
          column-count: 2; // two columns on larger phones
      }
  }
  @media screen and (max-width: 500px) {
      .caseTwo {
          column-count: 1; // two columns on larger phones
      }
  }
  .caseTowOk img{width: 490px;}
  .caseTowOkT{height: auto;overflow: hidden;line-height: 30px;}
  .caseTowOkT span{display: block;float: right;background: #000;width: 150px;color: #fff;text-align: center;font-size: 14px;}
  .caseTowOk:hover img{opacity: 0.5;}
  .xpage{text-align: center;display: flex;justify-content:center;margin: 60px auto 90px auto;}
  .xpage a{text-decoration: none;background-color: #fff; color: #999;border: 1px solid #DCDBDA;display: block;width: 30px;height: 30px;text-align: center;line-height: 30px;margin: 0 10px;}
  .xpage a:hover{background: #6366A2;color:#fff;}

  .caseThree{height: auto;overflow: hidden;width: 90%;margin:50px auto 30px auto;}
  .caseThreeL{width: 40%;float: left;}
  .caseThreeR{width:45%;float: right;margin-top: 30px;}
  .caseThreeL .title{font-size: 35px;border-bottom: 1px dotted #A0A0A0;line-height:100px;}
  .caseThreeL .content{margin-top: 30px;}
  .caseThreeL .content p{line-height: 30px;margin: 10px auto;}

  .xTeam{width: 90%;margin: 50px auto 50px auto;height: auto;overflow: hidden;}
  .xTeamL{width: 50%;float: left;line-height: 40px;}
  .xTeamL p{font-size: 30px;line-height: 60px}
  .xTeamR{width: 40%;float: right;text-align: right}

  .teamCase{width: 90%;margin: 0 auto;display: flex;justify-content: space-between;flex-wrap: wrap;}
  .teamCaseOne{width: 240px;height: 300px;margin: 10px 40px;}
  .teamCaseOne img{border-radius: 50%;width: 240px;height: 240px;}
  .teamFone img{border-radius: 50%;}
  .teamCaseOne .title{line-height: 40px;font-size: 14px;}
  .teamCaseOne .title span:nth-child(2){float: right;}

  .teamD{width: 95%;margin:50px auto;height: auto;overflow: hidden;}
  .teamDL{width:325px;height: 635px;float: left;background: url("../img/team3.png") no-repeat right center;text-align: right;margin-top:100px;margin-left: 300px;}
  .teamDR{width:60%;float: right;}
  .teamDR .name{width:80%;line-height: 100px;font-size: 30px;font-weight: bold;text-align: center;border-bottom: 1px dotted #969696;margin: 0 auto;}
  .teamDR .name span{font-weight: normal;font-size: 20px;}
  .teamDR .content{margin: 30px;background: url("../img/team5.png") no-repeat left top;padding-top: 50px;padding-left:50px;color: #969696;}
  .teamDR .content p,.teamDR .content{line-height: 40px;}
  .teamDR .bottom{height: 60px;background: url("../img/team6.png") no-repeat right center;}

  .teamF{width: 80%;display: flex;justify-content: space-between;margin: 0 auto;flex-wrap: wrap;}
  .teamFone{width: 10%;}
  .teamFone img{width: 100%;}
  .teamFone .title{line-height: 40px;font-size: 14px;}
  .teamFone .title span:nth-child(2){float: right;}
  .teamFone:hover img{opacity: 0.4;}

  .xabout{width:40%;height: auto;overflow: hidden;margin: 40px auto;color: #474747;line-height: 30px;text-align: center;}
  .xabout2{text-align: center;height: auto;overflow: hidden;margin-bottom: 40px;}
  .xabout3{background: #F3F4F4;padding:30px;width: 90%;margin: 0 auto;height: auto;overflow: hidden;}
  .xabout31{height: auto;overflow: hidden;}
  .xabout31L{width: 40%;text-align: right;float: left}
  .xabout31R{height: auto;overflow: hidden;}
  .xabout31R .title{font-size: 30px;text-align: center;margin-top:10%;margin-bottom: 40px;}
  .xabout31R .content{width: 80%;margin: 0 auto;text-align: center;font-size: 18px;line-height: 40px;}

  .xjoinOne{text-align: center;font-size:25px;color:#959595;line-height: 40px;margin-top: 60px;}
  .xjoinTwo{width:80%;margin: 30px auto;min-height: 300px;overflow: hidden;padding:30px;background: url("../img/about5.png") no-repeat right center;}
  .xjoinThree{height: auto;overflow: hidden;}
  .xjoinTwo a{height:40px;line-height: 40px;border: 1px dotted #9B9C9C;display: block;float: left;text-align: center;width: 200px;margin-right: -1px;color:#959595;cursor: pointer}
  .xjoinTwo a:hover{background: #DBDBDB;}
  .bg2{background-image: url("../img/about6.png")}
  .bg3{background-image: url("../img/about7.png")}


  .zhice,.cige{color: #959595;line-height: 40px;margin-top: 30px;width:50%;}
  .cige{display: none}

  .xContactOne{text-align: center;line-height: 70px;font-size: 27px;}
  .xContactTwo{height: auto;overflow: hidden;text-align: center;margin: 20px auto;}
  .xContactTwo a{display: inline-block;border: 1px dotted #E2E2E2;width: 200px;height: 40px;line-height: 40px;text-align: center;color: #393939;}
  .xContactThree{background: #F0F0F0;padding:30px;}
  .xContactFour{width:80%;height: auto;overflow: hidden;margin: 0 auto;}
  .xContactFive{height: auto;overflow: hidden;}
  .xContactFiveL{width:600px;height: 450px;float: left;text-align: right;}
  .xContactFiveR{width:45%;height: auto;overflow: hidden;float: right;line-height:40px;}
  .xContactFiveR .title{font-size: 32px;font-weight: bold;line-height:90px;margin-top: 30px;}
  .xContactsix{width:60%;margin: 0 auto;height: auto;overflow: hidden;box-sizing:content-box}
  .xContactsixL{width: 47%;float: left;border-right: 1px solid #B1B1B1;box-sizing:content-box;text-align: center;}
  .xContactsixR{float: left;font-size:23px;padding-left: 10%;box-sizing:content-box;line-height: 40px;}
  .xContactsixR b{font-size:25px;}

  .okContact{width: 50%;border: 1px dotted #A3A3A3;padding:30px;margin:70px auto;height: auto;overflow: hidden;}
  .okContact span{height: 56px;background: url("../img/telx.png") no-repeat left center;display: block;float: left;text-align: center;width: 49%;line-height: 56px;font-size: 25px;box-sizing:border-box;padding-left:70px;}
  .okContact span:last-child{background-image: url("../img/emailx.png")}
  .xweixin{position: relative;background: url(../img/xweixin.png) no-repeat left center;line-height: 40px;font-size: 14px;color: #969696;width: 145px;margin:20px auto;cursor: pointer;}
  .xweixin img{width: 150px;height: 150px;position: absolute;bottom:40px;left:-10px;border: 1px solid #E0E0E0;padding:3px;background: #fff;display: none;}
  .xweixin:hover img{display: block;}



  .xbottom{background: #F1F1F1;padding: 30px;text-align: center;color: #969696;font-size: 14px;line-height: 25px;margin-top: 50px;}