@charset "utf-8";
/* CSS Document */
#header {
  position: relative;
}
.no{
  display: none;
}
.bl{
  display: block;
}
.nav-bar {
  position: absolute;
  top: 0;
  z-index: 200;
  width: 100%;
  background-color: transparent;
  padding-top: 20px;
  padding-bottom: 20px;
}
.nav-bar1 {
  position: absolute;
  top: 0;
  z-index: 200;
  width: 100%;
  background-color: transparent;
  /* padding-top: 20px; */
  padding-bottom: 20px;
}
.logo {
  float: left;
}
.nav {
  float: right;
  margin-top:5px;
}
.nav ul {
  display: inline-block;
  vertical-align: middle;
}
.nav li {
  float: left;
  margin: 0px 35px 0 0;
}
.nav li a {
  color: #fff;
  font-weight: normal;
  font-size: 17px;
}

.nav .enter {
  background: #ffffff;
  color: #fe6339;
  border-radius: 20px;
  padding: 7px 19px;
  border: 1px solid #fff;
  margin-left: 20px;
  font-size: 15px;
  display: inline-block;
  vertical-align: middle;
}
.nav .enter:hover {
  background: #fe6339;
  color: #ffffff;
}
.nav .qudao {
  background: none;
  border: 1px solid #fff;
  color: #fff;
  padding: 7px 19px;
  margin-left: 10px;
}
.nav .qudao:hover {
  color: #1a3062;
  background: none;
  border: 1px solid #1a3062;
}
.fixed {
  position: fixed;
  background-color: #fff;
  box-shadow: 0 2px 8px #e8eef9;
  padding-bottom: 15px;
}
.fixed .nav li a {
  color: #666;
  font-size: 17px;
}
.fixed .nav li a:hover {
  color: #333;
}
.fixed .nav .enter {
  color: #fe6339;
  border: 1px solid #fe6339;
}
.fixed .nav .enter:hover {
  color: #fff;
  /* border:none; */
  background: #fe6339;
}
.fixed .nav .qudao {
  color: #1a3062;
  border: 1px solid #1a3062;
}
.fixed .nav .qudao:hover {
  color: #fff;
  background: #1a3062;
}
/* .banner{ background: url(../image/focus00.jpg) no-repeat center 0/cover; height: 84vh;} */
.banner {
  overflow: hidden;
}
.banner img {
  width: 100%;
  height: 100%;
}
/* #kinMaxShow{display:none; overflow: hidden;}
#kinMaxShow .KMSPrefix_kinMaxShow_button{ display: none;}
#kinMaxShow div{ background-size: cover !important;} */

.wrap-box {
  padding-bottom: 90px;
  position: relative;
  z-index: 1;
}
.wrap-box h2 {
  font-size: 30px;
  text-align: center;
  color: #fe5e31;
}
.wrap-box h3 {
  text-align: center;
  margin: 30px 0 78px;
}
.inset-img {
  margin: 0 auto;
  display: block;
}
.service-list li {
  float: left;
  width: 40%;
  margin: 8% 5% 0;
}
.service-list li i {
  display: inline-block;
  width: 65px;
  height: 56px;
  vertical-align: top;
  margin-right: 20px;
}
.service-txt {
  display: inline-block;
  width: 80%;
}
.service-txt h5 {
  font-size: 22px;
  color: #333;
}
.service-txt p {
  font-size: 15px;
  margin-top: 10px;
  color: #888;
}

.post {
  margin-top: 48px;
}
.post-left,
.post-right {
  width: 48%;
  float: left;
}
.post-left {
  background-color: #f3f2f1;
  opacity: 0.77;
  text-align: right;
  padding: 5% 2% 4% 0;
}
.post-right {
  background-color: #f3f2f1;
  opacity: 0.77;
  padding: 5% 0 4% 2%;
}
.post-box {
  text-align: center;
  display: inline-block;
  margin: 0 8%;
}
.post-box h5 {
  font-size: 22px;
  color: #333333;
  margin: 18px 0 24px;
}

.why-us {
  background: url(../image/img-6f.png) no-repeat 0 0;
  margin-top: 78px;
}
.why-us dl {
  float: right;
  width: 44%;
}
.why-us dt {
  font-size: 22px;
  color: #333;
  display: inline-block;
}
.why-us dt::after {
  content: "";
  height: 2px;
  background: #fe5532;
  width: 100%;
  display: block;
  margin-top: 8px;
}
.why-us dd {
  margin: 24px 0 60px;
  font-size: 17.5px;
}
/* 轮播按钮 */
.swiper-wrapper {
  position: relative;
}
.swiper-pagination {
  position: absolute;
  left: 50%;
  transform: translateX(-50%)!important;
  top: 78%;
}
.swiper-pagination-bullet:first-child{
  margin-left: 0!important;
}
.swiper-pagination-bullet {
  /* width: 30px !important; */
  background-color: #fff !important;
  /* display: block !important;
  float: left;
  height: 3px !important; */
  margin-left: 20px;
}

@media screen and (max-width: 1500px) {
  /* .banner {
    height: 90vh;
  } */
  .inset-img {
    width: 70%;
  }
  .img-area {
    width: 50%;
  }
}



/* 改版优化 */
#fix-logo{
    height:50px;
}
/* 合作伙伴轮播 */
.swiper-container1 {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

/* .swiper-container1 .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  height: calc((100% - 30px) / 2);


  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
} */
.swippers{
  position: relative;
  width:1200px;
  margin:0 auto;
  overflow: hidden;
  margin-top:66px;

}
.swipper-box{
  background: url(../image/corpentbg.png) no-repeat;
  background-size: 100% 100%;
  width:100%;
  height: 350px;
  padding-bottom:0;
  margin-bottom:95px
}
.swiper-container1 .swiper-wrapper{
  width:100%
}
.swiper-container1 .swiper-wrapper .swiper-slide img{
  width: 100%;
}
/* 已下为新版 */
.mainTit{
    width:100%; 
    margin: 0 auto;
    /* height: 206px; */
  }
  .mainTit img{
      width: 100%;
  }
  .biaoti1{
      margin-top: 90px;
  }
  .biaoti1 img{
      width: 60%;
      /* height: 119px; */
      margin: 0 auto;
      display: block;
  }
    .biaoti2{
      margin-top: 125px;
  }
  .biaoti2 img{
      width: 80%;
      /* height: 104px; */
      margin: 0 auto;
      display: block;
  }
  .duochangjingCon{
      /* margin-top: 75px; */
      width: 100%;
      margin: 75px auto 0;
  }
  .duochangjingCon div{
    display: flex;
    
    }
  .duochangjingCon img{
      display: inline-block;
      width:50%;
      transition-duration:0.5s; /*过度的时间为0，5秒*/
      /* cursor: pointer; */
  }
  .duochangjingCon img:hover{
        transform: scale(1.08); /* 放大1.2倍 */
    }
    .gengduoImg{
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
    }
    .gengduoBox{
        width: 100%;
        height: 350px;
        margin-top: 130px;
        /* background: url(../newimg/gengduofangan.png) no-repeat 0 0; */
        box-sizing: border-box;
    }
    .changjingBox{
        /* background-color: #ffffff; */
        /* box-shadow: 0 -3px 7px 5px rgba(7, 72, 212, 0.04); */
        position: absolute;
        top: -125px;
        left:50%;
        transform:translateX(-50%);
        /* padding: 52px 54px 44px; */
        box-sizing: border-box;
    }
    .changjingBox1{
      width: 100%;
      margin: 0 auto;
      background-color: #ffffff;
      box-shadow: 0 -3px 7px 5px rgba(7, 72, 212, 0.04);
      /* position: absolute; */
      /* top: -125px; */
      /* left:50%; */
      /* transform:translateX(-50%); */
      padding: 30px;
      box-sizing: border-box;
  }
    .changjingBox ul{
        display: flex;
        justify-content: space-between;
    }
    .changjingBox li{
        width: 18%;
        height:180px;
        border: solid 1px #d2d2d2;
        display: flex;
        justify-content: space-evenly;
        flex-direction: column;
        align-items: center;
        font-size: 18px;
        padding-top: 20px;
        box-sizing: border-box;
        color: #5a5a5a;
    }
    .changjingbtn1{
        height: 62px;
        left:50%;
        transform:translateX(-50%);
        position: absolute;
        top: 200px;
        width: 340px;
        overflow: hidden;
        cursor: pointer;
    }
    .anim {
        -moz-animation: anim-out 0.75s;
        -webkit-animation: anim-out 0.75s;
        animation: anim-out 0.75s;
        cursor: pointer;
        
    }
    .anim {
        transform: translateY(-50%) translateX(-50%);
        position: absolute;
        top: 50%;
        left: 50%;
        border-radius: 50%;
      }
    .anim, .anim:after {
        animation-iteration-count: infinite;
        animation-duration: 1.8s;
    }
    .anim:before {
        position: relative;
        content: "";
        display: block;
        margin-top: 100%;
    }
    .anim:after {
        animation-iteration-count: infinite;
        animation-duration: 1.8s;
    }
    .changjingbtn{
        height: 62px;
        line-height: 62px;
        box-sizing: border-box;
        padding: 0 30px;
        background-color: #ffffff;
        position: absolute;
        top: 200px;
        font-size: 22px;
        left:50%;
        transform:translateX(-50%);
        border-radius: 36px;
        /* -moz-animation: anim-out 0.75s;
        -webkit-animation: anim-out 0.75s;
        animation: anim-out 0.75s; */
    }
    @keyframes  anim-out  {
        0% {
            width: 0%;
            background: rgba(254,99,57,0.1);
        }
        100% {
            width: 100%;
            background: transparent;
        }
    }
    .pingtaibox{
      width: 90%;
      margin: 70px auto 0;
        /* padding-left: 60px;
        padding-right: 60px; */
        box-sizing: border-box;
        /* margin-top: 70px ; */
        display: flex;
        justify-content: space-between;
    }
    .pingtaibox img{
        width: 261px;
        height: 152px;
    }
    .imgbox{
        height: 163px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-bottom: 15px;
    }
    .inbox{
        text-align: center;
        font-size: 20px;
        color: #666666;
    }
    .xieyibox{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        box-sizing: border-box  ;
        width: 95%;
        margin: 0 auto;
    }
    .xieyi{
            margin-bottom: 52px;
            width: 47.5%;
            height: 224px;
            background-color: #ffffff;
            box-shadow: 0px 0px 9px 1px 
            rgba(60, 135, 248, 0.19);
            display: flex;
            box-sizing: border-box;
            position: relative;
    }
    .numImg{
        position: absolute;
        width: 49px;
        height: 49px;
        bottom: -25px;
        left: 50%;
        transform: translateX(-50%);
    }
    .bgY{
        position: absolute;
        top: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
    }
    .biaoti3Img{
        width: 80%;
        /* margin-top:106px; */
        margin: 92px auto 0;
        display: block;
        /* height: 92px; */
        /* position: absolute;
        top: 106px;
        left: 50%;
        transform: translateX(-50%); */
    }
    .youshiBox{
        position: absolute;
        top: 262px;
        left: 50%;
        transform: translateX(-50%);
    }
    .youshiBox ul{
        display: flex;
        justify-content: space-between;
    }
    .youshiBox ul li{
        box-sizing: border-box;
        width: 23.33%;
        height: 402px;
        background-color: #ffffff;
        box-shadow: 0px 0px 9px 1px rgba(60, 135, 248, 0.19);
    }
    .youshiBox ul li:hover{
        box-shadow: 0px 0px 18px 8px rgba(60, 135, 248, 0.19);

    }
    .youshiBox ul li p{
        font-size: 18px;
        color: #666666;
        padding-left: 23px;
        padding-right: 23px;
        margin-top: 10px;
        line-height: 30px;
    }
    .parTit{
        width: 80%;
        /* height: 104px; */
        margin: 0 auto;
        display: block;
    }
    .partnerBox{
      width: 95%;
      margin: 0 auto;
        margin-top: 87px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .partnerBox img{
        width: 24%;
        /* height: 120px; */
        margin-bottom: 30px;
    }
    .rightSide{
        position: fixed;
        z-index: 199;
        top: 30%;
        right: 0;
    }
    .share{
        width: 56px;
        height: 56px;
        background-color: rgba(255, 255, 255, .7);
        box-shadow: 0px 0px 8px 0px rgba(89,89,89,0.13);
        border-radius: 4px 0 0 4px;
        font-size: 12px;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        align-items: center;
        box-sizing: border-box;
        cursor: pointer;
        position: relative;
        margin-top: 15px; 
        margin-bottom: 15px;
        padding-top: 5px;
    }
    .zixun1{
      width: 23px;
      height: 21px;
    }
    .hezuo:hover .zixun1{
      display: block!important;
    }
    .hezuo:hover .zixun{
      display: none;
    }
    .hezuo:hover {
      color: #4E87F0;
    }
    .zixun{
      width: 23px;
      height: 21px;
    }
    .fenxiang{
      width: 19px;
      height: 18px;
    }
    .fenxiang1{
      width: 19px;
      height: 18px;
    }
    .onebox{
        width: 317px;
        position:absolute;
        top: -52px;
        left: -329px;
         /* left: -397px; */

    }
    .hezuo .con{
        display: none;
        width: 302px;
        height: 180px;
        background-color: #ffffff;
        border-radius: 8px;
        position: relative;
        /* box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2); */
        box-shadow: 0px 0px 9px 1px rgba(60, 135, 248, 0.19);
        box-sizing: border-box;
        padding-left: 20px;
        padding-top: 20px;
    }
    .hezuo:hover .con{
        display: block;
    }
    .con:before {
        position: absolute;
        top: 40%;
        left: 292px;
        content: '';
        width: 0;
        border: 10px solid;
        border-color: #FFFFFF;
        transform: rotate(-45deg);
        box-shadow: 6px 8px 8px -5px rgba(60, 135, 248, 0.19);
    }
    .erweimabox{
        width: 56px;
        height: 56px;
        background-color: rgba(255, 255, 255, .7);
        box-shadow: 0px 0px 8px 0px rgba(89,89,89,0.13);
	    border-radius: 4px 0 0 4px;
        position: relative;
        cursor: pointer;
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: space-evenly;
        padding-top: 5px;

    }
    .erweimabox:hover .gzh{
      color: #4E87F0;

    }
    .gzhimg{
      width: 20px;
      height: 20px;
    }
    .gzh{
      font-size: 12px;
      color: #666666;
    }
    .erweimabox:hover .gzhimg{
      display: block!important;
    }
    .erweimabox:hover .img11{
      display: none;
    }
    .erweimabox .img11{
        width: 20px;
        height: 20px;
        /* position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto; */
    }
    .twobox{
        width: 193px;
        /* height: 200px; */
        top: -50px;
        left: -186px;
        position: absolute;
        cursor: auto;
    }
    .erweimabox:hover .erweimah{
        display: block;
    }
    .erweimah{
        display: none;
        width: 158px;
        height: 158px;
        background-color: #ffffff;
        border-radius: 8px;
        position: relative;
        box-shadow: 0px 0px 9px 1px rgba(60, 135, 248, 0.19);
    }
    .erweimah::before{
        position: absolute;
        top: 40%;
        left: 147px;
        content: '';
        width: 0;
        border: 10px solid;
        border-color: #FFFFFF;
        transform: rotate(-45deg);
        box-shadow: 6px 8px 8px -5px rgba(60, 135, 248, 0.19);
    }
    .totop{
        width: 56px;
        height: 56px;
        background-color: rgba(255, 255, 255, .7);
        box-shadow: 0px 0px 8px 0px rgba(89,89,89,0.13);
	      border-radius: 4px 0 0 4px;
        position: relative;
        cursor: pointer;
        margin-top: 23px;

    }
    .totop img{
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
    }
    .threebox{
      width: 187px;
      /* height: 200px; */
      top: -45px;
      left: -185px;
      position: absolute;
      cursor: auto;
  }
  .shareweb:hover .threeboxerweima{
      display: block;
  }
  .shareweb:hover .fenxiang{
    display: none;
  }
  .shareweb:hover .fenxiang1{
    display: block!important;
  }
  .shareweb:hover{
    color: #4E87F0;
  }
  .threeboxerweima{
      display: none;
      width: 158px;
      height: 158px;
      background-color: #ffffff;
      border-radius: 8px;
      position: relative;
      box-shadow: 0px 0px 9px 1px rgba(60, 135, 248, 0.19);
  }
  .threeboxerweima::before{
      position: absolute;
      top: 40%;
      left: 146px;
      content: '';
      width: 0;
      border: 10px solid;
      border-color: #FFFFFF;
      transform: rotate(-45deg);
      box-shadow: 6px 8px 8px -5px rgba(60, 135, 248, 0.19);
  }