@charset "utf-8";
/* CSS Document */
@media (min-width: 1439px) {
  /*网站地图*/
  .wzdt {
    width: 1200px;
    margin: 0 auto;
    margin-bottom: 80px;
  }
  .wzdt_a {
    border: solid 2px #e5e5e5;
    margin-top: 22px;
    background: #fff;
  }
  .wzdt_a h1 {
    width: 1144px;
    margin: 0 auto;
    border-bottom: 1px solid #f2f2f2;
    margin-top: 5px;
  }
  .wzdt_a h1 a {
    font-size: 16px;
    color: #505050;
    font-weight: bold;
    line-height: 45px;
  }
  .wzdt_a p {
    margin: 0 25px;
  }
  .wzdt_a p a {
    color: #505050;
    line-height: 42px;
    margin-right: 15px;
  }
  .wzdt_a p a:hover {
    color: #0665d0;
  }

  /*404*/
  .fzfbox {
    width: 100%;
    margin: 0 auto;
    background: #f9f9f9;
    padding: 100px 30px;
    margin-bottom: -30px;
    margin-top: 50px;
  }
  .fzf1 {
    width: 1011px;
    margin: 20px auto;
  }
  .fzf1 img {
    width: 100%;
    margin: 0 auto;
  }
  .fzf2 {
    width: 100%;
    margin: 0 auto;
  }
  .fzf2 p {
    font-size: 36px;
    color: #434343;
    text-align: center;
    line-height: 50px;
  }
  .fzf2-1 {
    width: 100%;
    margin: 0 auto;
  }
  .fzf2-1 p {
    font-size: 26px;
    color: #434343;
    text-align: center;
    line-height: 50px;
  }
  .fzf2-1 p span {
    color: #333;
  }
  .fzf3 {
    width: 430px;
    margin: 20px auto;
    margin-top: 40px;
  }
  .fzf3z {
    float: left;
  }
  .fzf3z img {
    width: 100%;
    margin: 0 auto;
  }
  .fzf3y {
    float: right;
  }
  .fzf3y img {
    width: 100%;
    margin: 0 auto;
  }

  /*404*/
  body,
  html {
    margin: 0;
    padding: 0;
    font-family: "Microsoft YaHei", "微软雅黑";
    font-size: 12px;
    -webkit-font-smoothing: antialiased; /*抗锯齿效果*/
    -webkit-tap-highlight-color: transparent;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    max-width: 1920px;
    margin: 0 auto;
    overflow-x: hidden;
  }
  a,
  ul,
  li,
  ol,
  p,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  dl,
  dt,
  dd {
    list-style: none;
    padding: 0;
    margin: 0;
    text-decoration: none;
    font-weight: normal;
    font-size: 12px;
    color: #707070;
    font-family: "Microsoft YaHei", "微软雅黑";
  }
  * img {
    display: block;
    border: none;
  }
  input,
  select,
  textarea {
    padding: 0;
    margin: 0;
    outline: none;
    font-family: "Microsoft YaHei", "微软雅黑";
    -webkit-appearance: none;
    border: none;
  }
  .clearfix {
    clear: both;
  }
  .mob {
    display: none;
  }
  .pc {
    display: block;
  }
  .fl {
    float: left;
  }
  .fr {
    float: right;
  }
  .commen {
    width: 1400px;
    margin: 0 auto;
  }
  .commen1 {
    width: 1436px;
    margin: 0 auto;
  }
  .ellipsis {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .section {
    overflow: hidden;
    width: 100%;
    height: 100% !important;
  }
  * {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
  }

  /*滚动条样式*/
  ::-webkit-scrollbar-track-piece {
    width: 8px;
    background-color: #332944;
    border-radius: 5px;
  }
  ::-webkit-scrollbar {
    width: 8px;
    background-color: #332944;
    border-radius: 5px;
  }
  ::-webkit-scrollbar-thumb {
    width: 8px;
    background-color: #653abd;
    border-radius: 5px;
  }
  ::-webkit-scrollbar-thumb:hover {
    width: 8px;
    background-color: #653abd;
    border-radius: 5px;
  }

  /*****************************************************首页*******************************************************/

  /*nav+banner*/
  .navban {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
  }
  .sydaoh {
    width: 96%;
    position: absolute;
    left: 2%;
    top: 40px;
    z-index: 1;
  }
  .bannerpc {
    display: none;
  }
  .banner {
    width: 100%;
    height: 930px;
    overflow: hidden;
    position: relative;
    z-index: 0;
  }
  .banner ul {
    height: 100%;
  }
  .banner ul li {
    zoom: 1;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    max-height: 100%;
  }
  .banner li img.banner-img {
    position: absolute;
    left: calc(50% - 960px);
    top: 0;
    width: 1920px;
    height: 930px;
  }
  .anniu {
    width: 449px;
    height: 77px;
    background-color: #fff;
    position: absolute;
    right: 0;
    bottom: 0;
    padding-top: 29px;
  }
  .anniu_z {
    cursor: pointer;
    margin-right: 22px;
    margin-left: 100px;
  }
  .anniu_y {
    cursor: pointer;
  }
  .ban_ma {
    margin-left: 39px;
  }
  .ban_ma p {
    font-size: 16px;
    color: #4c4c4c;
    line-height: 18px;
  }
  .ban_ma p span {
    color: #999999;
  }
  .banner_b {
    position: relative;
    top: 38%;
    left: 50%;
    width: 1920px;
    margin-left: -960px;
  }
  .banner_b h5 {
    margin-right: 24.9%;
    font-size: 80px;
    color: #fff;
    line-height: 90px;
    letter-spacing: 10px;
    text-align: right;
  }
  .banner_b p {
    animation-delay: 0.1s;
    margin-right: 19.8%;
    font-size: 34px;
    color: #ffe682;
    letter-spacing: 4px;
    float: right;
    line-height: 50px;
    margin-top: 27px;
  }
  .banner_b1 {
    position: relative;
    top: 23.2%;
    left: 50%;
    width: 1920px;
    margin-left: -960px;
  }
  .banner_b1 img {
    width: 427px;
    margin: 0 auto;
  }
  .banner_b1 p {
    animation-delay: 0.1s;
    text-align: center;
    font-size: 34px;
    color: #fff;
    letter-spacing: 4px;
    line-height: 50px;
    margin-top: 55px;
  }
  .banner_b1 p span {
    font-family: Arial;
    font-size: 80px;
    font-weight: bold;
    letter-spacing: 10px;
    padding-bottom: 8px;
  }
  .banner_b2 {
    position: relative;
    top: 37%;
    left: 50%;
    width: 1920px;
    margin-left: -960px;
  }
  .banner_b2 img {
    width: 507px;
    margin-left: 13.8%;
  }
  .banner_b2 p {
    animation-delay: 0.1s;
    font-size: 34px;
    color: #ffe682;
    letter-spacing: 4px;
    line-height: 50px;
    margin-top: 25px;
    margin-left: 13.8%;
  }
  .banner_b3 {
    position: relative;
    top: 27%;
    left: 13.5%;
    width: 1920px;
    /* margin-left: -960px; */
  }
  .banner_b3 p {
    font-size: 60px;
    color: #ffffff;
    padding: 15px 0;
  }
  .banner_b3 h5 {
    font-size: 60px;
    color: #ffffff;
    padding: 15px 0;
  }
  .banner_b3_cont {
    margin-top: 40px;
    width: 600px;
    display: flex;
    flex-wrap: wrap;
  }
  .banner_b3_text {
    font-size: 20px;
    line-height: 20px;
    position: relative;
    color: #ffff00;
    width: 200px;
    padding: 0 0 10px 10px;
  }
  .banner_b3_text::after {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 4px;
    height: 4px;
    background-color: #ffff00;
  }
  .xia {
    position: absolute;
    bottom: 29px;
    left: calc(50% - 13px);
    cursor: pointer;
    animation-duration: 2s;
  }
  .keyword {
    position: absolute;
    bottom: 39px;
    left: 107px;
    font-size: 14px;
    color: #534e63;
    line-height: 14px;
    cursor: pointer;
  }
  .keyword a {
    font-size: 12px;
    color: #fff;
    transition: all ease 0.3s;
    display: inline-block;
    line-height: 20px;
    opacity: 0;
  }
  .keyword a:hover {
    color: #fff;
  }
  .keyword:hover a {
    opacity: 1;
  }
  /*一瞬服务*/
  .ysfw {
    width: 100%;
    margin-top: 72px;
    position: relative;
  }
  .ysfw::after {
    position: absolute;
    content: "";
    background-image: url(../img/y194.png);
    width: 14px;
    height: 70px;
    background-size: 100% 100%;
    left: calc(50% - 7px);
    bottom: -82px;
  }
  .ysfwa p {
    text-align: center;
    font-size: 28px;
    color: #3d3d3d;
    font-weight: bold;
    line-height: 28px;
    letter-spacing: 2px;
  }
  .ysfwa p a {
    font-size: 28px;
    color: #3d3d3d;
    font-weight: bold;
  }
  .ysfwa img {
    width: 345px;
    margin: 0 auto;
    margin-top: 27px;
  }
  .ysfwb {
    width: 100%;
    margin-top: 43px;
  }
  .ysfwc {
    width: 100%;
  }
  .ysfwc_t {
    width: 49.44%;
    margin-left: 5.347%;
  }
  .ysfwc_t img {
    width: 100%;
  }
  .ysfwc_w {
    width: 31.25%;
    margin-right: 8.125%;
    margin-top: 28px;
  }
  .ysfwc_w h2 {
    font-size: 26px;
    color: #3d3d3d;
    line-height: 36px;
    text-align: right;
  }
  .ysfwc_w h2 a {
    font-size: 26px;
    color: #3d3d3d;
  }
  .ysfwc_w p {
    width: 100%;
    font-size: 12px;
    color: #7b7b7b;
    line-height: 21px;
    text-align: right;
    margin-top: 21px;
  }
  .ysfwc_w h3 {
    text-align: right;
    font-size: 12px;
    color: #3d3d3d;
    line-height: 22px;
    margin-top: 24px;
  }
  .ysfwc_w h3 a {
    font-size: 12px;
    color: #3d3d3d;
  }
  .ysfwc_w h3 span {
    display: inline-block;
    margin: 0 14px;
  }
  .ysfwc_w h3 a:hover {
    color: #771eda;
  }
  .ysfwc_m {
    width: 171px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    background-color: #fff;
    border-radius: 50px;
    margin-top: 32px;
    box-shadow: 1px 6px 20px 1px rgba(94, 30, 203, 0.2);
  }
  .ysfwc_m a {
    font-size: 14px;
    color: #771eda;
    text-transform: uppercase;
    transition: all ease 0.3s;
  }
  .ysfwc_m:hover a {
    padding-left: 8px;
  }
  .ysfwd {
    width: 100%;
    position: relative;
    top: -34px;
    background-color: #f8f7f8;
    border-radius: 20px;
    height: 122px;
    border-bottom: 2px solid #6a31d3;
    box-shadow: 0px 5px 16px 0px rgba(94, 30, 203, 0.2);
  }
  .ysfwd_a {
    width: calc(100% / 7);
    cursor: pointer;
    height: 122px;
    border-radius: 20px;
    border: 3px solid transparent;
    transition: all ease 0.3s;
    background-size: 100% 100%;
    position: relative;
  }
  .ysfwd_a:nth-child(6) {
    background-size: 0;
  }
  .ysfwd_a img {
    float: left;
    margin-top: 34px;
    margin-left: 30px;
  }
  .ysfwd_a p {
    float: left;
    font-size: 14px;
    color: #3d3d3d;
    line-height: 26px;
    margin-top: 34px;
    margin-left: 14px;
    width: 75px;
  }
  .ysfwd_a p span {
    display: block;
    font-size: 10px;
    color: #d2d2d2;
    line-height: 12px;
    text-transform: uppercase;
  }
  .ysfwd_a::after {
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    right: -4px;
    top: 0;
    background-image: url(../img/y179.png);
    background-size: 100% 100%;
    background-position: center;
  }
  /*6大优势*/
  .youshi {
    width: 100%;
    background-image: url(../img/y80.jpg);
    height: 750px;
    background-size: cover;
    background-position: center;
    margin-top: 85px;
    padding-top: 60px;
    overflow: hidden;
    position: relative;
  }
  .youshia img {
    width: 959px;
    margin: 0 auto;
  }
  .youshia p {
    text-align: center;
    font-size: 28px;
    color: #fff;
    font-weight: bold;
    line-height: 28px;
    letter-spacing: 2px;
    margin-top: -40px;
  }
  .youshia p a {
    font-size: 28px;
    color: #fff;
    font-weight: bold;
  }
  .youshib {
    width: 100%;
    margin-top: 92px;
  }
  .youshib_a {
    width: calc(25% - 2px);
    height: 225px;
    padding-top: 62px;
    position: relative;
    cursor: pointer;
  }
  .youshib_a > img {
    width: 50px;
    margin: 0 auto;
    transition: all ease-out 0.3s;
  }
  .youshib_a > h2 {
    text-align: center;
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    line-height: 30px;
    margin-top: 33px;
    transition: all ease-out 0.3s;
  }
  .youshib_b {
    position: absolute;
    width: 82.5%;
    height: 88.59%;
    left: 8.75%;
    top: 0;
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 8px;
  }
  .youshib_b h3 {
    text-align: center;
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    line-height: 30px;
    margin-top: 34px;
  }
  .youshib_b p {
    font-size: 14px;
    line-height: 29px;
    color: #fff;
    opacity: 0.6;
    width: 85%;
    margin: 0 auto;
    margin-top: 23px;
  }
  .youshib_a:nth-child(2n + 1) .youshib_b {
    transform: rotateX(-90deg);
    opacity: 0;
    transition: all ease-out 0.5s;
  }
  .youshib_a:nth-child(2n + 1):hover .youshib_b {
    transform: rotateX(0deg);
    opacity: 1;
  }
  .youshib_a:nth-child(2n) .youshib_b {
    transform: rotateY(-90deg);
    opacity: 0;
    transition: all ease-out 0.5s;
  }
  .youshib_a:nth-child(2n):hover .youshib_b {
    transform: rotateY(0deg);
    opacity: 1;
  }
  .youshib_a:hover > img {
    opacity: 0;
  }
  .youshib_a:hover > h2 {
    opacity: 0;
  }
  .youshib_a:nth-child(1),
  .youshib_a:nth-child(2),
  .youshib_a:nth-child(3),
  .youshib_a:nth-child(5),
  .youshib_a:nth-child(6),
  .youshib_a:nth-child(7) {
    border-right: 2px solid #a78ee8;
  }
  .youshib_a:nth-child(1),
  .youshib_a:nth-child(2),
  .youshib_a:nth-child(3),
  .youshib_a:nth-child(4) {
    border-bottom: 2px solid #a78ee8;
  }
  .youshib_a:nth-child(5) .youshib_b,
  .youshib_a:nth-child(6) .youshib_b,
  .youshib_a:nth-child(7) .youshib_b,
  .youshib_a:nth-child(8) .youshib_b {
    bottom: 0;
    top: auto;
  }
  /*一瞬案例*/
  .ysal {
    width: 100%;
    margin-top: 76px;
    overflow: hidden;
  }
  .ysala p {
    text-align: center;
    font-size: 28px;
    color: #3d3d3d;
    font-weight: bold;
    line-height: 28px;
    letter-spacing: 2px;
  }
  .ysala p a {
    font-size: 28px;
    color: #3d3d3d;
    font-weight: bold;
  }
  .ysala img {
    width: 307px;
    margin: 0 auto;
    margin-top: 7px;
  }
  .ysalb {
    margin-top: 43px;
    margin-left: 96px;
  }
  .ysalb_p {
    width: 171px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    border-radius: 50px;
    margin: 0 2px;
    background-image: url(../img/y190.png);
    background-size: 0% 0%;
    transition: all ease 0.3s;
    background-repeat: no-repeat;
    background-position: center;
  }
  .ysalb_p a {
    font-size: 16px;
    color: #323232;
  }
  .ysalb_pa {
    background-image: url(../img/y190.png);
    background-size: 100% 100%;
    box-shadow: 1px 5px 20px 0 rgba(94, 30, 203, 0.2);
  }
  .ysalb_pa a {
    color: #fff;
    transition: all ease 0.3s;
  }
  .ysalb_p:hover {
    background-size: 100% 100%;
    box-shadow: 1px 5px 20px 0 rgba(94, 30, 203, 0.2);
  }
  .ysalb_p:hover a {
    color: #fff;
  }
  .ysalc {
    width: 100%;
    margin-top: 11px;
  }
  .ysale {
    width: 261px;
    margin: 0 auto;
    margin-top: 25px;
  }
  .ysale_a {
    width: 63px;
    height: 3px;
    background-color: #a4a4a4;
    margin: 0 12px;
    cursor: pointer;
  }
  .ysale_aa {
    background-color: #9a20e3;
  }
  /*一瞬口碑*/
  .yskb {
    width: 100%;
    background-image: url(../img/y192.png), url(../img/y181.jpg);
    height: 456px;
    background-repeat: no-repeat, no-repeat;
    background-size: 100% 1px, cover;
    background-position: center top 216px, center;
    margin-top: 65px;
    padding-top: 39px;
    overflow: hidden;
  }
  .yskba {
    margin-left: 275px;
  }
  .yskbb {
    width: 100%;
    position: relative;
    margin-top: 78px;
  }
  .yskbc {
    width: 81.25%;
    margin: 0 auto;
    overflow: hidden;
  }
  .yskbd {
    width: 10000px;
  }
  .yskbe {
    width: 440px;
  }
  .yskbf {
    width: 65.9%;
  }
  .yskbf h2 {
    font-size: 16px;
    color: #2d2d2d;
    line-height: 26px;
    transition: all ease-out 0.3s;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .yskbf_yd {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 2px solid #bcbcbc;
    margin-left: 11px;
    margin-top: 14px;
    transition: all ease-out 0.3s;
  }
  .yskbf_yd span {
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #bcbcbc;
    margin: 5px auto;
    transition: all ease-out 0.3s;
    overflow: hidden;
  }
  .yskbf p {
    font-size: 12px;
    color: #797979;
    line-height: 21px;
    margin-top: 30px;
    height: 42px;
    transition: all ease-out 0.3s;
  }
  .yskbf:hover h2 {
    color: #941de1;
  }
  .yskbf:hover p {
    color: #941de1;
  }
  .yskbf:hover .yskbf_yd {
    border-color: #941de1;
    animation: pulse 1.5s infinite 0.2s;
  }
  .yskbf:hover .yskbf_yd span {
    background-color: #941de1;
    transform: scale(2);
  }
  .yskb_z {
    position: absolute;
    left: 0;
    top: 19px;
    cursor: pointer;
    -webkit-animation: lefta 1.5s infinite;
    animation: lefta 1.5s infinite;
  }
  .yskb_y {
    position: absolute;
    left: calc(100% - 100px);
    top: 19px;
    cursor: pointer;
    -webkit-animation: leftb 1.5s infinite;
    animation: leftb 1.5s infinite;
  }
  @keyframes lefta {
    0%,
    100% {
      margin-left: -8px;
    }
    50% {
      margin-left: 8px;
    }
  }
  @keyframes leftb {
    0%,
    100% {
      margin-left: 8px;
    }
    50% {
      margin-left: -8px;
    }
  }
  .yskb_m {
    width: 171px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    background-color: #fff;
    border-radius: 50px;
    margin: 0 auto;
    margin-top: 55px;
    box-shadow: 1px 5px 18px 1px rgba(94, 30, 203, 0.2);
  }
  .yskb_m a {
    font-size: 14px;
    color: #771eda;
    text-transform: uppercase;
    transition: all ease-out 0.3s;
  }
  .yskb_m:hover a {
    padding-left: 8px;
  }

  /*合作客户*/
  .sykh {
    width: 100%;
    margin-top: 102px;
    position: relative;
  }
  .sykh::after {
    position: absolute;
    content: "";
    background-image: url(../img/y195.png);
    width: 70px;
    height: 14px;
    background-size: 100% 100%;
    left: 5px;
    bottom: -55px;
  }
  .sykha {
    width: 100%;
  }
  .sykha p {
    float: left;
    font-size: 28px;
    color: #3d3d3d;
    font-weight: bold;
    line-height: 51px;
    letter-spacing: 2px;
  }
  .sykha p a {
    font-size: 28px;
    color: #3d3d3d;
    font-weight: bold;
  }
  .sykha img {
    float: left;
    width: 586px;
    margin-left: 26px;
  }
  .sykh_m {
    width: 171px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    background-color: #fff;
    border-radius: 50px;
    margin: 0 auto;
    box-shadow: 1px 5px 18px 1px rgba(94, 30, 203, 0.2);
  }
  .sykh_m a {
    font-size: 14px;
    color: #771eda;
    text-transform: uppercase;
    transition: all ease-out 0.3s;
  }
  .sykh_m:hover a {
    padding-left: 8px;
  }
  .sykhb {
    width: 100%;
    border-left: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    margin-top: 52px;
  }
  .sykhb_a {
    width: calc(100% / 6 - 1px);
    border-top: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    position: relative;
  }
  .sykhb_a img {
    width: 100%;
  }
  .sykhb_a img:nth-child(2) {
    transition: all ease 0.5s;
    opacity: 1;
  }
  .sykhb_a img:nth-child(1) {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: all ease 0.3s;
    border-radius: 10px;
    z-index: 2;
  }
  .sykhb_a:hover img:nth-child(2) {
    opacity: 0;
  }
  .sykhb_a:hover img:nth-child(1) {
    opacity: 1;
    box-shadow: 1px 1px 20px 0 rgba(94, 30, 203, 0.2);
  }
  /*关于一瞬*/
  .sygy {
    width: 100%;
    background-image: url(../img/y182.jpg);
    height: 850px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 171px;
  }
  .sygyz {
    width: 45.06%;
    margin-left: 5%;
  }
  .sygyza {
    margin-top: 87px;
  }
  .sygyza p {
    font-size: 28px;
    color: #fff;
    font-weight: bold;
    line-height: 44px;
    letter-spacing: 2px;
  }
  .sygyza p a {
    font-size: 28px;
    color: #fff;
    font-weight: bold;
  }
  .sygyza img {
    width: 424px;
  }
  .sygyzb {
    width: 100%;
    margin-top: 90px;
  }
  .sygyzb h2 {
    font-size: 20px;
    color: #fff;
    line-height: 30px;
  }
  .sygyzb h3 {
    font-size: 16px;
    color: #341d68;
    line-height: 22px;
    background-image: url(../img/y197.png);
    background-size: 100% 18px;
    background-repeat: no-repeat;
    background-position: center bottom;
    display: inline-block;
    padding: 0 10px;
    margin-top: 6px;
    margin-bottom: 38px;
  }
  .sygyzb p {
    font-size: 12px;
    color: #fff;
    line-height: 23px;
    margin-top: 17px;
  }
  .sygyzb p span {
    display: block;
    font-size: 14px;
    color: #ffec81;
    font-weight: bold;
    margin-bottom: 12px;
  }
  .sygyz_m {
    width: 191px;
    height: 54px;
    line-height: 54px;
    text-align: center;
    background-color: #fff;
    border-radius: 50px;
    box-shadow: 1px 5px 18px 1px rgba(120, 33, 220, 0.16);
    margin-top: 80px;
  }
  .sygyz_m a {
    font-size: 14px;
    color: #771eda;
    text-transform: uppercase;
    transition: all ease-out 0.3s;
  }
  .sygyz_m:hover a {
    padding-left: 8px;
  }
  .sygyy {
    width: 45%;
    margin-right: 11px;
  }
  .sygya {
    width: 42.28%;
    margin: 0 3.86%;
    position: relative;
    margin-bottom: 34px;
    border-radius: 10px;
    overflow: hidden;
  }
  .sygya img {
    width: 100%;
  }
  .sygya_w {
    position: absolute;
    width: 72.62%;
    height: 75%;
    left: 13.69%;
    top: 12.5%;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 10px;
    transform: rotateY(-90deg);
    opacity: 0;
    transition: all ease-out 0.5s;
  }
  .sygya_w h2 {
    text-align: center;
    font-size: 20px;
    color: #c0c0c0;
    line-height: 24px;
    text-transform: uppercase;
    margin-top: 84px;
  }
  .sygya_w h3 {
    font-size: 20px;
    color: #555555;
    font-weight: bold;
    text-align: center;
    line-height: 30px;
  }
  .sygya_w p {
    text-align: center;
    line-height: 24px;
    margin-top: 25px;
    text-decoration: underline;
    text-transform: uppercase;
    transition: all ease-out 0.3s;
  }
  .sygya_w p a {
    font-size: 14px;
    color: #a939ef;
  }
  .sygya_a {
    top: -70px;
  }
  .sygya_b {
    top: -24px;
  }
  .sygya_c {
    top: -67px;
  }
  .sygya_d {
    top: -24px;
  }
  .sygya:hover .sygya_w {
    transform: rotateY(0deg);
    opacity: 1;
  }
  .sygya_w p:hover {
    transform: translateY(-5px);
  }
  .sygyx {
    width: 100%;
    margin-top: 55px;
  }
  .gygyx_a {
    width: 25%;
    padding-left: 66px;
  }
  .gygyx_a h2 {
    font-size: 48px;
    color: #5d51dd;
    line-height: 50px;
  }
  .gygyx_a p {
    font-size: 14px;
    color: #747474;
    line-height: 18px;
  }
  /*一瞬资讯*/
  .yszixun {
    width: 100%;
    background-color: #f6f6f6;
    height: 861px;
    background-image: url(../img/y24.png);
    background-repeat: no-repeat;
    background-size: 35.15% auto;
    background-position: left 12px bottom;
    margin-top: 57px;
    padding-top: 71px;
    overflow: hidden;
  }
  .yszx {
    width: 95.41%;
    margin: 0 auto;
  }
  .yszxa {
    width: 100%;
  }
  .yszxaa p {
    font-size: 28px;
    color: #3d3d3d;
    font-weight: bold;
    line-height: 28px;
    letter-spacing: 2px;
  }
  .yszxaa p a {
    font-size: 28px;
    color: #3d3d3d;
    font-weight: bold;
  }
  .yszxaa img {
    width: 307px;
    margin: 0 auto;
    margin-top: 8px;
  }
  .yszxab {
    margin-top: 27px;
  }
  .yszxab_p {
    width: 171px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    border-radius: 50px;
    margin: 0 2px;
    background-image: url(../img/y190.png);
    background-size: 0% 0%;
    transition: all ease 0.3s;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 16px;
    color: #323232;
    cursor: pointer;
    margin-right: 52px;
    background-color: #fff;
    box-shadow: 1px 5px 18px 1px rgba(94, 30, 203, 0.2);
  }
  .yszxab_p a {
    font-size: 16px;
    color: #323232;
  }
  .yszxab_pa {
    background-size: 100% 100%;
    color: #fff;
  }
  .yszxab_pa a {
    color: #fff;
  }
  .yszxab_m {
    width: 171px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    border-radius: 50px;
    margin: 0 2px;
    background-image: url(../img/y190.png);
    background-size: 0% 0%;
    transition: all ease 0.3s;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    background-color: #fff;
    box-shadow: 1px 5px 18px 1px rgba(94, 30, 203, 0.2);
    text-transform: uppercase;
  }
  .yszxab_m a {
    font-size: 15px;
    color: #771eda;
    transition: all ease-out 0.3s;
  }
  .yszxab_m:hover a {
    padding-left: 8px;
  }
  .yszxb {
    width: 100%;
    margin-top: 43px;
  }
  .yszxc {
    width: 100%;
    position: relative;
  }
  .yszxca {
    width: 30.28%;
    position: relative;
    overflow: hidden;
  }
  .yszxca a > img {
    width: 100%;
    transition: all ease-out 0.3s;
  }
  .yszxcb {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 98px;
    background-color: rgba(32, 32, 32, 0.85);
    padding-top: 22px;
  }
  .yszxcb p {
    float: left;
    width: 70%;
    font-size: 16px;
    line-height: 29px;
    height: 58px;
    color: #fff;
    margin-left: 26px;
    overflow: hidden;
  }
  .yszxcb img {
    float: right;
    margin-top: 16px;
    margin-right: 26px;
    transition: all ease-out 0.3s;
  }
  .yszxca:hover a > img {
    transform: scale(1.1);
  }
  .yszxca:hover .yszxcb img {
    transform: translateX(-8px);
  }
  .yszxcd {
    width: 35.37%;
    position: absolute;
    top: 0;
    left: 32.24%;
    height: 100%;
  }
  .yszxcda {
    width: 100%;
    height: calc(50% - 6.5px);
    position: relative;
    background-color: #fff;
    transition: all ease-out 0.3s;
  }
  .yszxcdaa {
    width: 86.24%;
    margin: 0 auto;
    padding: 40px 11px 25px 11px;
    border-bottom: 1px solid #f5f5f5;
  }
  .yszxcdaa h2 {
    font-size: 16px;
    color: #3d3d3d;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .yszxcdaa p {
    font-size: 12px;
    color: #797979;
    line-height: 21px;
    margin-top: 17px;
    height: 42px;
    overflow: hidden;
  }
  .yszxcdab {
    width: 82.13%;
    margin: 0 auto;
    margin-top: 25px;
  }
  .yszxcdab p {
    font-size: 12px;
    color: #636363;
    float: left;
    text-align: center;
    line-height: 20px;
    transition: all ease-out 0.3s;
  }
  .yszxcdab p span {
    font-family: Arial;
    font-size: 38px;
    color: #999999;
    display: block;
    font-weight: 900;
    line-height: 38px;
    transition: all ease-out 0.3s;
  }
  .yszxcda_m {
    width: 37px;
    height: 10px;
    overflow: hidden;
    position: relative;
    margin-top: 20px;
  }
  .yszxcda_m img {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: all ease-out 0.3s;
  }
  .yszxcda_m img:nth-child(2) {
    position: absolute;
    top: 15px;
  }
  .yszxcda:hover {
    box-shadow: 1px 1px 18px 1px rgba(94, 30, 203, 0.2);
  }
  .yszxcda:hover .yszxcdab p {
    color: #832dec;
  }
  .yszxcda:hover .yszxcdab p span {
    color: #832dec;
  }
  .yszxcda:hover .yszxcda_m img:nth-child(1) {
    top: -15px;
  }
  .yszxcda:hover .yszxcda_m img:nth-child(2) {
    top: 0;
  }
  .yszxcdax {
    margin-top: 13px;
  }
  .yszxce {
    width: 30.93%;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
  }
  .yszxcea {
    width: 100%;
    height: calc(100% / 3 - 12px);
    position: relative;
    background-color: #fff;
    transition: all ease-out 0.3s;
    padding-top: 32px;
  }
  .yszxcea_a {
    margin-left: 9.4%;
    padding-top: 15px;
  }
  .yszxcea_a h2 {
    font-family: Arial;
    font-size: 38px;
    color: #999999;
    line-height: 27px;
    font-weight: 900;
    transition: all ease 0.3s;
    transition: all ease-out 0.3s;
  }
  .yszxcea_aa {
    width: 17px;
    height: 1px;
    background-color: #eeeeee;
    margin-top: 16px;
  }
  .yszxcea_a p {
    font-size: 12px;
    color: #636363;
    line-height: 12px;
    margin-top: 18px;
    transition: all ease 0.3s;
    transition: all ease-out 0.3s;
  }
  .yszxcea_b {
    width: 55.8%;
    border-left: 1px solid #f5f5f5;
    padding: 6px 0 11px 37px;
    margin-left: 10.56%;
  }
  .yszxcea_b p {
    font-size: 16px;
    color: #3d3d3d;
    line-height: 28px;
    height: 56px;
    overflow: hidden;
  }
  .yszxceax {
    margin: 18px 0;
  }
  .yszxcea:hover {
    box-shadow: 1px 1px 18px 1px rgba(94, 30, 203, 0.2);
  }
  .yszxcea:hover .yszxcea_a h2 {
    color: #832dec;
  }
  .yszxcea:hover .yszxcea_a p {
    color: #832dec;
  }
  .yszxcea:hover .yszxcda_m img:nth-child(1) {
    top: -15px;
  }
  .yszxcea:hover .yszxcda_m img:nth-child(2) {
    top: 0;
  }
  /*联系一瞬*/
  .sylianxi {
    width: 100%;
    overflow: hidden;
    margin-top: 130px;
    margin-bottom: 92px;
  }
  .sylx {
    width: 100%;
  }
  .sylxa {
    width: 50%;
  }
  .sylxaa p {
    font-size: 28px;
    color: #3d3d3d;
    font-weight: bold;
    line-height: 28px;
    letter-spacing: 2px;
  }
  .sylxaa p a {
    font-size: 28px;
    color: #3d3d3d;
    font-weight: bold;
  }
  .sylxaa img {
    width: 389px;
    margin-top: 7px;
  }
  .sylxab {
    margin-top: 68px;
  }
  .sylxab p {
    font-size: 12px;
    color: #4b4e77;
    line-height: 20px;
  }
  .sylxab p span {
    font-size: 14px;
    color: #4b4e77;
    font-weight: bold;
    display: block;
  }
  .sylxac {
    width: 100%;
    margin-top: 42px;
  }
  .sylxac_a {
    width: 50%;
  }
  .sylxac_a h2 {
    font-size: 14px;
    color: #4b4e77;
    line-height: 24px;
    background-image: url(../img/y202.png);
    background-size: 100% 10px;
    background-repeat: no-repeat;
    background-position: center bottom;
    padding: 0 13px 0 6px;
    display: inline-block;
    margin-bottom: -4px;
  }
  .sylxac_aa {
    width: 100%;
    margin-top: 15px;
  }
  .sylxac_aa img {
    float: left;
    width: 64px;
  }
  .sylxac_aa p {
    float: left;
    font-size: 12px;
    color: #82818f;
    line-height: 22px;
    margin-top: 13px;
    margin-left: 23px;
  }
  .sylxac_aa p span {
    display: block;
    font-size: 14px;
    color: #4b4e77;
    line-height: 24px;
  }
  .sylxad {
    width: 100%;
    margin-top: 44px;
  }
  .sylxad img {
    width: 100%;
  }
  .sylxae_m {
    width: 171px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    background-color: #fff;
    border-radius: 50px;
    margin-top: 44px;
    box-shadow: 1px 6px 20px 1px rgba(94, 30, 203, 0.2);
  }
  .sylxae_m a {
    font-size: 14px;
    color: #771eda;
    text-transform: uppercase;
    transition: all ease 0.3s;
  }
  .sylxae_m:hover a {
    padding-left: 8px;
  }
  .sylxb {
    width: 60.277%;
    margin-right: -18%;
  }
  .sylxb > h2 {
    font-family: Arial;
    font-size: 68px;
    text-transform: uppercase;
    color: #f1f3ff;
    font-weight: 900;
    line-height: 49px;
    margin-left: 29.37%;
  }
  .sylxc {
    width: 100%;
    background-image: url(../img/y189.jpg);
    height: 705px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center left;
  }
  .sylxd {
    width: 55.299%;
    margin-left: 15%;
    padding-top: 74px;
  }
  .sylxd p {
    text-align: right;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 16px;
    margin-bottom: 34px;
  }
  .sylxd p span {
    font-size: 12px;
    line-height: 12px;
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 4px;
    display: inline-block;
    margin-right: 10px;
  }
  .sylxda {
    margin-top: 26px;
    position: relative;
    width: 100%;
  }
  .sylxda input {
    width: 100%;
    height: 52px;
    line-height: 52px;
    border: 2px solid #eeeeee;
    border-radius: 8px;
    padding-left: 19px;
    font-size: 14px;
    color: #82818f;
  }
  .sylxda::after {
    position: absolute;
    content: "";
    width: 4px;
    height: 26px;
    background-color: #b343ee;
    left: 0px;
    top: 12px;
  }
  .sylxda textarea {
    width: 100%;
    height: 116px;
    line-height: 24px;
    border: 2px solid #eeeeee;
    border-radius: 8px;
    padding-left: 19px;
    font-size: 14px;
    color: #82818f;
    padding-top: 12px;
  }
  .sylxdb {
    width: 100%;
    position: relative;
    margin-top: 23px;
  }
  .sylxdb input {
    float: left;
    width: 190px;
    height: 52px;
    line-height: 52px;
    border: 2px solid #eeeeee;
    border-radius: 8px;
    padding-left: 19px;
    font-size: 14px;
    color: #82818f;
  }
  .sylxdb img {
    float: left;
    width: 190px;
    height: 52px;
    margin-left: 16px;
    border: 2px solid #eeeeee;
    border-radius: 8px;
    cursor: pointer;
  }
  .sylxdb::after {
    position: absolute;
    content: "";
    width: 4px;
    height: 26px;
    background-color: #b343ee;
    left: 0px;
    top: 12px;
  }
  .sylxdc {
    margin-top: 23px;
    width: 100%;
  }
  .tjji {
    width: 190px;
    height: 52px;
    background-image: url(../img/y203.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    text-align: center;
    line-height: 52px;
    font-size: 18px;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    background-color: transparent;
  }
  .czhi {
    width: 190px;
    height: 52px;
    background-image: url(../img/y204.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    text-align: center;
    line-height: 52px;
    font-size: 18px;
    margin-left: 16px;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    background-color: transparent;
  }

  /*****************************************************内页*******************************************************/

  /*网站建设*/
  .wzjs {
    width: 100%;
    overflow: hidden;
  }
  .wzjsa {
    width: 100%;
    background-image: url(../img/y25.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    height: 873px;
    padding-top: 39px;
  }
  .daoh {
    width: 96%;
    margin: 0 auto;
  }
  .dh {
    margin-top: 32px;
  }
  .nav {
    width: 1000px;
    margin-right: 32px;
    margin-top: 24px;
  }
  .nava {
    width: 8.695%;
    margin: 0 0.652%;
    height: 31px;
    transition: all ease 0.3s;
    background-image: url(../img/y30.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center bottom -30px;
    position: relative;
  }
  .nava p {
    text-align: center;
    line-height: 31px;
  }
  .nava p a {
    font-size: 14px;
    color: #fff;
  }
  .navaa {
    background-image: url(../img/y30.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: bottom center;
  }
  .nava:hover {
    background-image: url(../img/y30.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center bottom;
  }
  .navb {
    width: 100%;
    position: absolute;
    top: 31px;
    left: 0;
    padding-top: 10px;
    z-index: 1000;
    opacity: 0;
  }
  .navb_a {
    line-height: 36px;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.8);
    transition: all ease 0.3s;
  }
  .navb_a a {
    color: #3f3f3f;
    font-size: 14px;
    transition: all ease 0.3s;
  }
  .navb_a:hover {
    background-color: rgba(255, 255, 255, 1);
  }
  .navb_a:hover a {
    color: #8f4dff;
  }

  .wzjsb {
    margin-top: 160px;
  }
  .wzjsb_a {
    width: 41.8%;
    padding-left: 17px;
  }
  .wzjsb_a h2 {
    font-size: 28px;
    color: #ffffff;
    font-weight: bold;
    line-height: 78px;
    letter-spacing: 3px;
  }
  .wzjsb_a p {
    font-size: 14px;
    color: #e4e4e4;
    line-height: 24px;
    margin-top: 22px;
    margin-bottom: 42px;
    letter-spacing: 1px;
  }
  .wzjsb_h6 {
    width: 78px;
    height: 78px;
    border: 1px solid #ae81fa;
    border-radius: 50%;
    margin-left: 38px;
    display: table;
    cursor: pointer;
    transition: all ease 0.3s;
    background-image: url(../img/y33.png);
    background-size: 100% 100%;
    background-position: center left -78px;
    background-repeat: no-repeat;
  }
  .wzjsb_h6:nth-child(3) {
    margin-left: 0;
  }
  .wzjsb_h6 h6 {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #ae81fa;
    font-size: 14px;
    line-height: 20px;
    width: 100%;
    transition: all ease 0.3s;
  }
  .wzjsb_h6:hover {
    background-image: url(../img/y33.png);
    background-size: 100% 100%;
    background-position: center left;
    background-repeat: no-repeat;
  }
  .wzjsb_h6:hover h6 {
    color: #fff;
  }
  .wzjsb_m {
    width: 170px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    margin-top: 60px;
    border: 1px solid #ffffff;
    border-radius: 35px;
  }
  .wzjsb_m a {
    color: #fff;
    font-size: 14px;
    transition: all ease 0.3s;
  }
  .wzjsb_m:hover a {
    padding-left: 8px;
  }
  .wzjsb_t {
    width: 54.72%;
    margin-right: 4px;
  }
  .wzjsb_t img {
    width: 100%;
  }
  .mbx {
    margin-top: 5px;
    margin-right: 23px;
  }
  .mbx p {
    text-align: right;
    font-size: 12px;
    color: #6da8f8;
    line-height: 24px;
  }
  .mbx p a {
    font-size: 12px;
    color: #6da8f8;
    transition: all ease 0.3s;
  }
  .mbx a:hover {
    color: #fff;
  }
  .wzjsc {
    width: 100%;
    background-image: url(../img/y26.jpg);
    height: 849px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 15px;
    margin-top: -16px;
    position: relative;
  }
  .wzjsc_t {
    width: 51.666%;
  }
  .wzjsc_t img {
    width: 100%;
  }
  .wzjsc_w {
    width: 39%;
    margin-right: 7.986%;
    margin-top: 169px;
  }
  .wzjsc_w h2 {
    font-size: 28px;
    color: #3f3f3f;
    font-weight: bold;
    line-height: 38px;
    text-align: right;
    letter-spacing: 3px;
  }
  .wzjsc_w p {
    text-align: right;
    font-size: 14px;
    color: #3f3f3f;
    line-height: 24px;
    margin-top: 39px;
    margin-bottom: 42px;
    letter-spacing: 1px;
  }
  .wzjsc_w p span {
    display: block;
  }
  .wzjsc_h6 {
    width: 78px;
    height: 78px;
    border: 1px solid #ae81fa;
    border-radius: 50%;
    margin-left: 38px;
    display: table;
    cursor: pointer;
    transition: all ease 0.3s;
    background-image: url(../img/y33.png);
    background-size: 100% 0%;
    background-position: center bottom;
    background-repeat: no-repeat;
  }
  .wzjsc_h6:nth-child(6) {
    margin-left: 0;
  }
  .wzjsc_h6 h6 {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #ae81fa;
    font-size: 14px;
    line-height: 20px;
    width: 100%;
    transition: all ease 0.3s;
  }
  .wzjsc_h6:hover {
    background-image: url(../img/y33.png);
    background-size: 100% 100%;
    background-position: center bottom;
    background-repeat: no-repeat;
  }
  .wzjsc_h6:hover h6 {
    color: #fff;
  }
  .wzjsc_m {
    width: 170px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    margin-top: 60px;
    border: 1px solid #3f3f3f;
    border-radius: 35px;
  }
  .wzjsc_m a {
    color: #3f3f3f;
    font-size: 14px;
    transition: all ease 0.3s;
  }
  .wzjsc_m:hover a {
    padding-left: 8px;
  }
  .wzjsd {
    width: 100%;
    background-image: url(../img/y27.jpg);
    height: 821px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 126px;
  }
  .wzjsd_w {
    margin-top: 30px;
    padding-left: 16px;
    width: 40%;
  }
  .wzjsd_w h2 {
    font-size: 28px;
    color: #ffffff;
    font-weight: bold;
    line-height: 38px;
    letter-spacing: 3px;
  }
  .wzjsd_w p {
    font-size: 14px;
    color: #e4e4e4;
    line-height: 24px;
    margin-top: 33px;
    margin-bottom: 42px;
    letter-spacing: 1px;
  }
  .wzjsd_w p span {
    display: block;
  }
  .wzjsd_h6 {
    width: 78px;
    height: 78px;
    border: 1px solid #ae81fa;
    border-radius: 50%;
    margin-left: 38px;
    display: table;
    cursor: pointer;
    transition: all ease 0.3s;
    background-image: url(../img/y33.png);
    background-size: 100% 100%;
    background-position: center left -78px;
    background-repeat: no-repeat;
  }
  .wzjsd_h6:nth-child(3) {
    margin-left: 0;
  }
  .wzjsd_h6 h6 {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #ae81fa;
    font-size: 14px;
    line-height: 20px;
    width: 100%;
    transition: all ease 0.3s;
  }
  .wzjsd_h6:hover {
    background-image: url(../img/y33.png);
    background-size: 100% 100%;
    background-position: center left;
    background-repeat: no-repeat;
  }
  .wzjsd_h6:hover h6 {
    color: #fff;
  }
  .wzjsd_m {
    width: 170px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    margin-top: 60px;
    border: 1px solid #ffffff;
    border-radius: 35px;
  }
  .wzjsd_m a {
    color: #fff;
    font-size: 14px;
    transition: all ease 0.3s;
  }
  .wzjsd_m:hover a {
    padding-left: 8px;
  }
  .wzjsd_t {
    width: 52.5%;
    margin-right: 2.56%;
  }
  .wzjsd_t img {
    width: 100%;
  }
  .wzjse {
    width: 100%;
    background-image: url(../img/y28.jpg);
    height: 853px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 133px;
  }
  .wzjse .wzjsc_w {
    width: 91.875%;
    margin-top: 0;
  }
  .wzjsf {
    width: 100%;
    background-image: url(../img/y29.jpg);
    height: 742px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 160px;
  }
  .wzjsf .wzjsd_w {
    width: 40%;
    margin-top: 0;
  }
  .wzjsf .wzjsd_w h2 {
    color: #fff;
  }
  .wzjsf .wzjsd_w p {
    color: #fff;
    line-height: 27px;
    letter-spacing: 2px;
  }
  .wzjsf .wzjsd_t {
    width: 71.59%;
    margin-right: 2.361%;
    margin-left: -20%;
  }

  /*footer*/
  .yj {
    width: 100%;
    background-color: #22243b;
    padding-top: 79px;
  }
  .tja {
    margin-top: 17px;
  }
  .tjb {
    width: 57.98%;
  }
  .tjb_a {
    width: 25%;
  }
  .tjb_a h2 {
    font-size: 20px;
    color: #373c86;
    font-family: Arial;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 13px;
  }
  .tjb_a p {
    line-height: 29px;
  }
  .tjb_a p a {
    font-size: 12px;
    color: #fff;
    transition: all ease 0.3s;
  }
  .tjb_a p a:hover {
    color: #a538f6;
  }
  .ewm img:nth-child(2) {
    float: right;
    margin-top: 11px;
  }
  .yj .commen {
    position: relative;
    padding-bottom: 76px;
    cursor: pointer;
    border-bottom: 1px solid #2b2d4a;
  }
  .yj_fh {
    position: absolute;
    right: 0;
    bottom: -37px;
  }
  .yl {
    width: 100%;
    background-color: #22243b;
    height: 62px;
    padding-top: 18px;
  }
  .yla {
  }
  .yla > p {
    text-align: center;
    font-size: 12px;
    color: #656a98;
    line-height: 22px;
    float: left;
  }
  .ylb {
    width: 78.94%;
    margin-left: 10px;
    overflow: hidden;
  }
  .ylc {
    width: 2000px;
  }
  .yld p {
    padding-right: 40px;
    line-height: 22px;
  }
  .yld p a {
    font-size: 12px;
    color: #656a98;
    transition: all ease 0.3s;
  }
  .yla > img {
    float: right;
    cursor: pointer;
    margin-top: 3px;
  }
  .yld p a:hover {
    color: #fff;
  }
  .beia {
    margin-left: 3.2%;
  }
  .beia p {
    font-size: 12px;
    color: #656a98;
    float: left;
    line-height: 22px;
  }
  .beia p:nth-child(2) {
    margin-left: 32px;
    margin-top: -4px;
  }
  .beia p img {
    display: inline;
    position: relative;
    top: 3px;
    margin-right: 4px;
  }
  .youl {
    width: 100%;
    padding-left: 10px;
    background-color: #22243b;
  }
  .youl p {
    font-size: 12px;
    color: #fff;
    line-height: 24px;
  }
  .youl p a {
    font-size: 12px;
    color: #fff;
    line-height: 24px;
  }

  /*添加的漂浮QQ*/
  .dong {
    width: 50px;
    position: fixed;
    right: 0;
    top: 50%;
    margin-top: -115px;
    z-index: 1000;
  }
  .sahng {
    width: 100%;
  }
  .xain {
    width: 100%;
    height: 50px;
    background: url(../img/zxkf.png) no-repeat center;
    background-color: #2c3066;
    position: relative;
    margin: 10px 0;
    cursor: pointer;
  }
  .danpo {
    width: 100%;
    height: 50px;
    background-color: #2c3066;
    position: absolute;
    top: 0;
    left: 0;
  }
  .danpo p {
    text-align: center;
    line-height: 16px;
    color: #fff;
    padding-top: 10px;
  }
  .dhaun {
    width: 320px;
    position: absolute;
    top: -20px;
    left: -310px;
  }
  .dinr {
    width: 300px;
    border-top: solid 4px #2c3066;
    background-color: #fff;
    border-bottom: solid 1px #ccc;
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
  }
  .weiya {
    width: 100%;
    border-bottom: solid 1px #ccc;
  }
  .weiya img {
    float: left;
    padding: 10px;
  }
  .weiya .yumin {
    float: left;
    padding: 10px;
  }
  .yumin span {
    font-size: 16px;
    color: #2c3066;
  }
  .yumin p {
    color: #ccc;
  }
  .botre {
    width: 100%;
    padding: 20px;
  }
  .kehug p {
    float: left;
  }
  .kehug p a {
    color: #828282;
  }
  .kehug img {
    float: left;
  }
  .jieh {
    color: #828282;
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
  }
  .kehug {
    line-height: 26px;
  }

  .daoma {
    width: 100%;
    height: 50px;
    border: solid 1px #ccc;
    background: url(../img/217.png) no-repeat center;
    background-color: #fff;
    position: relative;
    margin: 10px 0;
    cursor: pointer;
  }
  .zung {
    width: 100%;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
  }
  .zung p {
    text-align: center;
    line-height: 16px;
    color: #2c3066;
    padding-top: 10px;
  }
  .loainj {
    width: 320px;
    position: absolute;
    top: -20px;
    left: -310px;
  }
  .dingw {
    width: 300px;
    border-top: solid 4px #2c3066;
    background-color: #fff;
    border-bottom: solid 1px #ccc;
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
    padding: 10px;
  }
  .dingw img {
    float: left;
    padding: 10px;
  }
  .dingw .xiaw {
    float: left;
    padding: 10px;
  }
  .xiaw span {
    font-size: 20px;
    color: #828282;
    font-weight: bold;
  }
  .xiaw p {
    color: #939393;
    font-size: 14px;
    line-height: 22px;
  }

  .topb {
    width: 100%;
    height: 50px;
    border: solid 1px #ccc;
    background: url(../img/218.png) no-repeat center;
    background-color: #fff;
    position: relative;
    margin: 10px 0;
    cursor: pointer;
  }
  .libai {
    width: 100%;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
  }
  .libai p {
    text-align: center;
    line-height: 16px;
    color: #2c3066;
    padding-top: 10px;
  }
  .yeya {
    width: 200px;
    position: absolute;
    top: -20px;
    left: -190px;
  }
  .weic {
    width: 180px;
    border-top: solid 4px #2c3066;
    background-color: #fff;
    border-bottom: solid 1px #ccc;
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
    padding: 20px;
  }
  .rin {
    width: 100%;
  }
  .rin img {
    width: 100%;
  }
  .weic p {
    text-align: center;
    line-height: 30px;
  }

  .fanh {
    width: 100%;
    height: 50px;
    line-height: 16px;
    text-align: center;
    color: #fff;
    background-color: #2c3066;
    cursor: pointer;
  }
  .fanh p {
    padding-top: 10px;
    color: #fff;
    text-align: center;
  }

  /*网络营销*/
  .wlyxa {
    background-image: url(../img/y30.jpg);
    height: 793px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 47px;
  }
  .wlyxb {
    width: 100%;
    margin-top: 167px;
  }
  .wlyxb h2 {
    font-size: 68px;
    color: #9b68e6;
    text-align: center;
    font-family: Arial;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 47px;
    opacity: 0.3;
    letter-spacing: 3px;
  }
  .wlyxb p {
    text-align: center;
    font-size: 28px;
    color: #fff;
    font-weight: bold;
    line-height: 28px;
    position: relative;
    margin-top: -16px;
    letter-spacing: 3px;
  }
  .wlyxdiv {
    text-align: center;
    font-size: 28px;
    color: #fff;
    font-weight: bold;
    line-height: 28px;
    position: relative;
    margin-top: -16px;
    letter-spacing: 3px;
  }
  .wlyxdiv h1 {
    text-align: center;
    font-size: 28px;
    color: #fff;
    font-weight: bold;
    line-height: 28px;
    position: relative;
    margin-top: -16px;
    letter-spacing: 3px;
    display: inline;
  }
  .wlyxdiv span {
    color: #ffe84d;
  }
  .wlyxb img {
    width: 64.86%;
    margin: 0 auto;
    margin-top: 68px;
  }
  .wlyxa .mbx {
    padding: 0 12px;
    margin-top: -55px;
    position: relative;
    z-index: 2;
  }
  .wlyxa .mbx p {
    color: #bfb4cd;
  }
  .wlyxa .mbx p a {
    color: #bfb4cd;
  }
  .wlyxa .mbx p a:hover {
    color: #4335c0;
  }
  .wlyxa .mbx p:nth-child(1) {
    float: left;
  }
  .wlyxa .mbx p:nth-child(2) {
    float: right;
  }
  .wlyxc {
    width: 100%;
  }
  .wlyxca {
    width: 87.01%;
    background-color: #f6f6f6;
    border-radius: 50px;
    padding: 25px 72px;
    margin: 0 auto;
  }
  .wlyxca p {
    font-size: 16px;
    color: #2c2c2c;
    line-height: 31px;
    text-align: center;
    letter-spacing: 0.55px;
  }
  .wlyxcb {
    width: 83.333%;
    margin: 0 auto;
    margin-top: 53px;
  }
  .wlyxcb_a {
    width: 33.32%;
    padding: 35px 0 48px 0;
  }
  .wlyxcb_a img {
    width: 94px;
    margin: 0 auto;
  }
  .wlyxcb_a:hover img {
    animation: bounce_a 2s infinite;
  }
  .wlyxcb_a p {
    text-align: center;
    font-size: 20px;
    color: #2c2c2c;
    line-height: 20px;
    margin-top: 25px;
  }
  .wlyxcb_a:nth-child(1) {
    border-right: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    position: relative;
  }
  .wlyxcb_a:nth-child(2) {
    border-right: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    position: relative;
  }
  .wlyxcb_a:nth-child(3) {
    border-bottom: 1px solid #efefef;
  }
  .wlyxcb_a:nth-child(4) {
    border-right: 1px solid #efefef;
  }
  .wlyxcb_a:nth-child(5) {
    border-right: 1px solid #efefef;
  }
  .wlyxcb_a:nth-child(1)::after {
    position: absolute;
    content: "";
    background-image: url(../img/y31.jpg);
    width: 90px;
    height: 70px;
    background-size: 100% 100%;
    right: -45px;
    bottom: -35px;
    z-index: 100;
  }
  .wlyxcb_a:nth-child(2)::after {
    position: absolute;
    content: "";
    background-image: url(../img/y31.jpg);
    width: 90px;
    height: 70px;
    background-size: 100% 100%;
    right: -45px;
    bottom: -35px;
    z-index: 100;
  }
  .wlyxd {
    width: 100%;
    background-image: url(../img/y32.jpg);
    height: 550px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-top: 85px;
    padding-top: 66px;
  }
  .wlyxd_t {
    width: 34.23%;
    margin-left: 11.25%;
  }
  .wlyxd_t img {
    width: 100%;
  }
  .wlyxd_w {
    width: 33.819%;
    margin-right: 13.88%;
  }
  .wlyxd_wa {
    width: 100%;
    margin-top: 13px;
    position: relative;
  }
  .wlyxd_an {
    position: absolute;
    right: -27px;
    bottom: -12px;
  }
  .wlyxd_an img {
    cursor: pointer;
  }
  .wlyxd_wa h2 {
    font-size: 28px;
    color: #fff;
    font-weight: bold;
    line-height: 38px;
  }
  .wlyxd_wa h3 {
    font-size: 20px;
    color: #ffe63e;
    font-weight: bold;
    line-height: 30px;
    margin-top: 12px;
  }
  .wlyxd_wa p {
    font-size: 18px;
    color: #fff;
    opacity: 0.3;
    line-height: 28px;
    margin-top: 3px;
  }
  .wlyxd_wb {
    width: 100%;
    height: 240px;
    margin-top: 36px;
    overflow: hidden;
  }
  .wlyxd_wc {
    width: 100%;
    height: 1000px;
  }
  .wlyxd_wd {
    height: 49px;
  }
  .wlyxd_wd p {
    height: 36px;
    line-height: 36px;
    width: 100%;
    background-color: #eeebfa;
    border-radius: 20px;
    padding-left: 46px;
    font-size: 12px;
    color: #333333;
  }
  .wlyxe {
    width: 88%;
    margin: 0 auto;
    margin-top: 92px;
  }
  .wlyxea h2 {
    text-align: center;
    font-size: 85px;
    color: #e7e3ff;
    font-weight: 900;
    font-family: Arial;
    text-transform: uppercase;
    line-height: 57px;
  }
  .wlyxea p {
    text-align: center;
    font-size: 24px;
    color: #414140;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 3px;
    margin-top: -14px;
  }
  .wlyxeb {
    width: 100%;
    margin-top: 40px;
  }
  .wlyxeb_a {
    width: 29.288%;
    height: 408px;
    background-color: #fff;
    border: 1px solid #f2f1ff;
    border-radius: 15px;
    position: relative;
    padding: 36px 40px 0 40px;
    box-shadow: 1px 6px 24px 1px rgba(177, 183, 243, 0.27);
  }
  .wlyxeb_a:nth-child(2) {
    margin: 0 6.068%;
  }
  .wlyxeb_a::after {
    position: absolute;
    content: "";
    width: 80px;
    height: 4px;
    background-color: #9587ee;
    left: calc(50% - 40px);
    top: -1px;
  }
  .wlyxeb_a img {
    display: table;
    margin: 0 auto;
  }
  .wlyxeb_a h2 {
    font-size: 20px;
    color: #3a30e5;
    font-weight: bold;
    line-height: 30px;
    margin-top: 50px;
    margin-bottom: 28px;
  }
  .wlyxeb_a p {
    font-size: 14px;
    color: #868686;
    padding-left: 14px;
    line-height: 24px;
    margin-top: 20px;
    position: relative;
  }
  .wlyxeb_a p::after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    background-color: #9587ee;
    border-radius: 50%;
    left: 0;
    top: 8px;
  }
  .wlyxf {
    width: 100%;
    background-image: url(../img/y33.jpg);
    height: 1021px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 95px;
    padding-top: 51px;
  }
  .wlyxg {
    width: 87.083%;
    margin-left: 3.68%;
  }
  .wlyxga {
    margin-right: 5px;
  }
  .wlyxga h2 {
    text-align: right;
    font-size: 85px;
    color: #7c44d1;
    font-weight: 900;
    font-family: Arial;
    text-transform: uppercase;
    line-height: 57px;
  }
  .wlyxga p {
    text-align: right;
    font-size: 30px;
    color: #fff;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 3px;
    margin-top: -14px;
    padding-right: 11px;
  }
  .wlyxgb {
    width: 100%;
    margin-top: -32px;
  }
  .wlyxgb_a {
    width: 26.634%;
    background-color: #fff;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    margin-bottom: 70px;
    box-shadow: 1px 1px 28px 6px rgba(120, 60, 191, 0.85);
  }
  .wlyxgb_a:nth-child(3n + 2) {
    margin: 0 10.049%;
    margin-bottom: 70px;
    top: 38px;
  }
  .wlyxgb_a:nth-child(3n + 3) {
    top: 75px;
  }
  .wlyxgb_at {
    width: 100%;
    overflow: hidden;
    margin-bottom: 30px;
  }
  .wlyxgb_at img {
    width: 100%;
  }
  .wlyxgb_a > h2 {
    font-size: 93.5px;
    color: #cfc3ed;
    font-weight: 900;
    font-family: Arial;
    font-style: italic;
    float: left;
    line-height: 58px;
    margin-left: 35px;
  }
  .wlyxgb_a > p {
    float: right;
    margin-right: 33px;
    font-size: 20px;
    color: #333333;
    font-weight: bold;
    line-height: 28px;
  }
  .wlyxgb_w {
    position: absolute;
    width: 90.41%;
    height: 90.41%;
    left: 4.795%;
    top: 4.795%;
    background-color: rgba(101, 51, 206, 0.9);
    border-radius: 15px;
    overflow: hidden;
    padding: 20px 10px 0 10px;
    transform: rotateY(-90deg);
    opacity: 0;
    transition: all ease 0.5s;
  }
  .wlyxgb_w h2 {
    font-family: Arial;
    font-size: 60px;
    color: #8867d7;
    text-align: center;
    font-weight: 900;
    line-height: 42px;
  }
  .wlyxgb_w h3 {
    font-size: 20px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    line-height: 20px;
    margin-top: -12px;
  }
  .wlyxgb_w p {
    text-align: center;
    line-height: 26px;
    color: #fff;
    font-size: 14px;
    margin-top: 14px;
  }
  .wlyxgb_w p span {
    display: block;
  }
  .wlyxgb_a:hover .wlyxgb_w {
    transform: rotateY(-0);
    opacity: 1;
  }
  .wlyxh {
    width: 100%;
    margin-top: 96px;
    padding-bottom: 27px;
    background-image: url(../img/y40.jpg);
    background-repeat: no-repeat;
    background-size: 1920px 211px;
    background-position: center bottom;
  }
  .wlyxha {
    width: 23.26%;
    margin-left: 4.44%;
    margin-top: 26px;
  }
  .wlyxhaa h2 {
    font-size: 85px;
    color: #e7e3ff;
    font-weight: 900;
    font-family: Arial;
    text-transform: uppercase;
    line-height: 57px;
  }
  .wlyxhaa p {
    font-size: 24px;
    color: #414140;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 3px;
    margin-top: -14px;
  }
  .wlyxhab {
    width: 100%;
    margin-top: 60px;
    margin-left: 14px;
  }
  .wlyxhab_a {
    width: 100%;
  }
  .wlyxhab_a h2 {
    font-size: 16px;
    color: #464545;
    line-height: 28px;
    background-image: url(../img/y55.png);
    background-repeat: no-repeat;
    display: inline-block;
    background-size: 100% 12px;
    background-position: bottom left;
    padding: 0 46px 0 10px;
  }
  .wlyxhab_a p {
    font-size: 14px;
    color: #868686;
    line-height: 28px;
    margin-top: 7px;
    height: 196px;
    padding-left: 11px;
  }
  .wlyxhab_m {
    width: 190px;
    height: 54px;
    background-color: #fff;
    border-radius: 30px;
    text-align: center;
    line-height: 54px;
    margin-top: 18px;
    box-shadow: 1px 7px 16px 1px rgba(120, 33, 220, 0.16);
  }
  .wlyxhab_m a {
    text-transform: uppercase;
    font-size: 16px;
    color: #9b21e4;
    transition: all ease 0.3s;
  }
  .wlyxhab_m:hover a {
    padding-left: 8px;
  }
  .wlyxhb {
    width: 56.73%;
  }
  .wlyxhb_a {
    width: 100%;
  }
  .wlyxhb_a img {
    width: 100%;
  }
  .wlyxhc_a {
    margin-top: 17px;
    margin-left: 39px;
  }
  .wlyxhc_a img {
    cursor: pointer;
  }
  .wlyxi {
    width: 94%;
    margin: 0 auto;
    margin-top: 98px;
    margin-bottom: -112px;
  }
  .wlyxia h2 {
    font-size: 85px;
    color: #e7e3ff;
    font-weight: 900;
    font-family: Arial;
    text-transform: uppercase;
    line-height: 57px;
    text-align: center;
  }
  .wlyxia p {
    font-size: 24px;
    color: #414140;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 3px;
    margin-top: -14px;
    text-align: center;
  }
  .wlyxia h6 {
    text-align: center;
    font-size: 14px;
    color: #868686;
    line-height: 24px;
    margin-top: 10px;
  }
  .wlyxib {
    width: 100%;
    margin-top: 46px;
  }
  .wlyxib_a {
    width: 45.15%;
    background-color: #fff;
    border: 1px solid #f2f1ff;
    border-radius: 15px;
    position: relative;
    height: 322px;
    box-shadow: 1px 6px 24px 1px rgba(177, 183, 243, 0.27);
    padding: 37px 75px 0 75px;
  }
  .wlyxib_a::after {
    position: absolute;
    content: "";
    width: 80px;
    height: 4px;
    background-color: #9587ee;
    left: calc(50% - 40px);
    top: -1px;
  }
  .wlyxib_a h2 {
    font-size: 20px;
    color: #7335ef;
    text-align: center;
    background-image: url(../img/y56.png);
    background-repeat: no-repeat;
    background-size: 100% 12px;
    background-position: bottom left;
    width: 100%;
    line-height: 34px;
    margin-bottom: 23px;
  }
  .wlyxib_w {
    width: 90%;
    margin: 0 auto;
  }
  .wlyxib_w p {
    font-size: 14px;
    color: #868686;
    width: 45%;
    float: left;
    line-height: 24px;
    height: 24px;
    margin-top: 20px;
    padding-left: 13px;
    position: relative;
  }
  .wlyxib_w p:nth-child(2n) {
    float: right;
  }
  .wlyxib_w p::after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    background-color: #9587ee;
    border-radius: 50%;
    left: 0;
    top: 8px;
  }
  .wlyxm {
    width: 100%;
    background-image: url(../img/y41.jpg);
    height: 405px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 174px;
  }
  .wlyxm h2 {
    text-align: center;
    font-size: 30px;
    color: #fff;
    line-height: 30px;
    letter-spacing: 3px;
  }
  .wlyxm h2 span {
    font-weight: bold;
  }
  .wlyxm p {
    text-align: center;
    font-size: 16px;
    color: #e0e0e0;
    line-height: 26px;
    margin-top: 12px;
    letter-spacing: 2px;
  }
  .wlyxm_m {
    width: 190px;
    height: 54px;
    background-color: #fff;
    border-radius: 30px;
    text-align: center;
    line-height: 54px;
    margin: 0 auto;
    margin-top: 43px;
  }
  .wlyxm_m a {
    font-size: 18px;
    color: #9b21e4;
    transition: all ease 0.3s;
  }
  .wlyxm_m:hover a {
    padding-left: 8px;
  }
  /*推荐资讯*/
  .tjzx {
    width: 100%;
    margin-top: 54px;
  }
  .tjzx_top p {
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    color: #3d3d3d;
    line-height: 54px;
    letter-spacing: 2px;
  }
  .tjzx_top img {
    width: 517px;
    margin: 0 auto;
  }
  .tjzxa {
    width: 100%;
    background-color: #f6f6f6;
    padding: 50px 0;
  }
  .tjzxb {
    width: 28.611%;
    margin: 8px 2.361%;
    background-color: #fff;
    padding: 22px 30px 23px 39px;
    transition: all ease 0.3s;
  }
  .tjzxb_a {
    width: 25.43%;
    padding-top: 15px;
  }
  .tjzxb_a h2 {
    font-family: Arial;
    font-size: 38px;
    color: #999999;
    line-height: 27px;
    font-weight: 900;
    transition: all ease 0.3s;
  }
  .tjzxb_xt {
    width: 17px;
    height: 1px;
    background-color: #eeeeee;
    margin-top: 16px;
  }
  .tjzxb_a p {
    font-size: 12px;
    color: #636363;
    line-height: 12px;
    margin-top: 18px;
    transition: all ease 0.3s;
  }
  .tjzxb_b {
    width: 71.2%;
    padding-left: 36px;
    border-left: 1px solid #ededed;
    padding-top: 6px;
    padding-bottom: 11px;
  }
  .tjzxb_b p {
    font-size: 16px;
    color: #3d3d3d;
    line-height: 28px;
    height: 56px;
    overflow: hidden;
    transition: all ease 0.3s;
  }
  .tjzxb_b img {
    margin-top: 20px;
    transition: all ease 0.3s;
  }
  .tjzxb:hover {
    box-shadow: 1px 1px 16px 0px rgba(120, 33, 220, 0.16);
  }
  .tjzxb:hover .tjzxb_b img {
    margin-left: 6px;
  }
  /*联系*/
  .lx {
    width: 100%;
    padding: 49px 0 77px 0;
  }
  .lxa {
    margin-left: 3.472%;
  }
  .lxb {
    margin-left: 6.9444%;
    margin-top: 27px;
  }
  .lxba {
    margin-bottom: 14px;
  }
  .lxba img {
    float: left;
  }
  .lxba p {
    float: left;
    margin-left: 22px;
    font-size: 12px;
    color: #82818f;
    line-height: 21px;
    margin-top: 13px;
  }
  .lxba p span {
    font-size: 14px;
    color: #4b4e77;
    display: block;
  }
  .lxc {
    margin-left: 5.902%;
    margin-top: 16px;
  }
  .lxd {
    width: 43.26%;
    margin-right: 3.75%;
    position: relative;
  }
  .lxda {
    width: 65.32%;
  }
  .lxda input {
    width: 100%;
    height: 52px;
    line-height: 52px;
    border: 2px solid #eeeeee;
    border-radius: 8px;
    padding-left: 19px;
    font-size: 14px;
    color: #82818f;
  }
  .lxdaa {
    position: relative;
    width: 100%;
    margin-top: 12px;
  }
  .lxdaa::after {
    position: absolute;
    content: "";
    width: 4px;
    height: 26px;
    background-color: #b343ee;
    left: 0px;
    top: 12px;
  }
  .lxda textarea {
    width: 100%;
    height: 116px;
    line-height: 24px;
    border: 2px solid #eeeeee;
    border-radius: 8px;
    padding-left: 19px;
    font-size: 14px;
    color: #82818f;
    padding-top: 15px;
  }
  .lxdb {
    width: 31.13%;
  }
  .lxdb .lxdaa input {
    width: 100%;
    height: 52px;
    line-height: 52px;
    border: 2px solid #eeeeee;
    border-radius: 8px;
    padding-left: 19px;
    font-size: 14px;
    color: #82818f;
  }
  .lxdb img {
    width: 100%;
    height: 52px;
    border: 2px solid #eeeeee;
    border-radius: 8px;
    margin-top: 12px;
    cursor: pointer;
  }
  .tij {
    width: 31.13%;
    position: absolute;
    right: 0;
    bottom: 3px;
  }
  .tij input {
    background-image: url(../img/y64.png);
    height: 52px;
    width: 100%;
    background-size: 100%;
    color: #fff;
    font-size: 18px;
    text-align: center;
    line-height: 52px;
    cursor: pointer;
    border-radius: 5px;
  }

  /*网络推广*/
  .wltga {
    width: 100%;
    background-image: url(../img/y43.jpg);
    height: 810px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 47px;
  }
  .wltga .wlyxb {
    margin-top: 180px;
  }
  .wltga .wlyxb h6 {
    text-align: center;
    line-height: 25px;
    font-size: 14px;
    color: #fff;
    margin-top: 26px;
  }
  .wltga .wlyxb h6 span {
    display: block;
  }
  .wltga .wlyxb img {
    width: 55%;
    float: right;
    margin-right: 4.583%;
    margin-top: 31px;
  }
  .wltga .mbx {
    padding: 0 12px;
    margin-top: 0;
    position: relative;
    top: -10px;
  }
  .wltga .mbx p {
    color: #bfb4cd;
  }
  .wltga .mbx p a {
    color: #bfb4cd;
  }
  .wltga .mbx p a:hover {
    color: #4335c0;
  }
  .wltga .mbx p:nth-child(1) {
    float: left;
  }
  .wltga .mbx p:nth-child(2) {
    float: right;
  }
  .wltg {
    background-image: url(../img/y44.jpg);
    background-repeat: no-repeat;
    background-position: center top 83px;
    background-size: 1920px auto;
    margin-top: -16px;
    width: 1920px;
    position: relative;
    left: 50%;
    margin-left: -960px;
    padding-bottom: 152px;
  }
  .wltgba {
    width: 41.666%;
    margin-left: 8.194%;
    margin-top: 121px;
  }
  .wltgba_a h2 {
    font-size: 85px;
    color: #e7e3ff;
    font-weight: 900;
    font-family: Arial;
    text-transform: uppercase;
    line-height: 57px;
  }
  .wltgba_a p {
    font-size: 24px;
    color: #414140;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 3px;
    margin-top: -14px;
  }
  .wltgba_b {
    width: 100%;
    margin-top: 39px;
  }
  .wltgba_b p {
    font-size: 14px;
    color: #868686;
    line-height: 24px;
  }
  .wltgba_b p span {
    background-image: url(../img/y56.png);
    background-size: 100% 12px;
    background-repeat: no-repeat;
    background-position: bottom center;
  }
  .wltgba_c {
    width: 100%;
    margin-top: 46px;
  }
  .wltgba_ca h2 {
    font-size: 19.5px;
    color: #7a2dc0;
    text-transform: uppercase;
    line-height: 26px;
    text-align: center;
    letter-spacing: 2px;
  }
  .wltgba_ca h2 span {
    font-size: 34px;
    font-weight: bold;
  }
  .wltgba_ca p {
    text-align: center;
    font-size: 12px;
    color: #bfb4cd;
    line-height: 12px;
    margin-top: 8px;
  }
  .wltgba_ca:nth-child(2) {
    margin: 0 15.8%;
  }
  .wltgbb {
    width: 33.68%;
    margin-right: 5.06%;
  }
  .wltgbb img {
    width: 100%;
  }
  .wltg_dwt {
    position: absolute;
    right: 0;
    top: -180px;
  }
  .wltgc {
    width: 91.94%;
    margin-left: 8.06%;
    margin-top: 93px;
  }
  .wltgca {
    position: relative;
  }
  .wltgca h2 {
    font-size: 85px;
    color: #e7e3ff;
    font-weight: 900;
    font-family: Arial;
    text-transform: uppercase;
    line-height: 57px;
  }
  .wltgca p {
    font-size: 24px;
    color: #414140;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 3px;
    margin-top: -14px;
  }
  .wltgc_an {
    position: absolute;
    right: 135px;
    bottom: -26px;
  }
  .wltgc_an img {
    cursor: pointer;
  }
  .wltgc_z {
    margin-right: 7px;
  }
  .wltgcb {
    width: 1568px;
    margin-top: 43px;
    overflow: hidden;
    margin-left: -10px;
  }
  .wltgcc {
    width: 10000px;
  }
  .wltgcd {
    width: 422px;
    padding-bottom: 20px;
    padding-top: 5px;
  }
  .wltgce {
    width: 82.222%;
    background-color: #fff;
    height: 225px;
    border: 1px solid #f2f1ff;
    border-radius: 15px;
    position: relative;
    box-shadow: 1px 6px 24px 1px rgba(177, 183, 243, 0.27);
    padding-top: 45px;
    margin-left: 10px;
  }
  .wltgce::after {
    position: absolute;
    content: "";
    width: 80px;
    height: 4px;
    background-color: #9587ee;
    left: calc(50% - 40px);
    top: -1px;
  }
  .wltgce img {
    width: 87px;
    margin: 0 auto;
  }
  .wltgce p {
    text-align: center;
    font-size: 20px;
    color: #454353;
    line-height: 30px;
    margin-top: 27px;
  }
  .wltgd {
    width: 100%;
    margin-top: 82px;
  }
  .wltgda {
    margin-left: 88px;
  }
  .wltgda h2 {
    font-size: 85px;
    color: #e7e3ff;
    font-weight: 900;
    font-family: Arial;
    text-transform: uppercase;
    line-height: 57px;
  }
  .wltgda p {
    font-size: 24px;
    color: #414140;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 3px;
    margin-top: -14px;
    margin-left: 34px;
  }
  .wltgdb {
    margin-left: 34px;
    background-image: url(../img/y74.png);
    width: 1646px;
    height: 441px;
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: -14px;
    padding-left: 130px;
    padding-top: 90px;
  }
  .wltgdb p {
    width: 450px;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    line-height: 38px;
    background-image: url(../img/y75.png);
    background-repeat: no-repeat;
    background-size: 100% 31px;
    background-position: center bottom;
    padding-left: 48px;
    letter-spacing: 2px;
  }
  .wltge {
    background-image: url(../img/y76.png);
    width: 81.25%;
    margin: 0 auto;
    height: 736px;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    margin-top: 113px;
    box-shadow: 1px 15px 30px 2px rgba(159, 40, 197, 0.05);
    border-radius: 10px;
  }
  .wltgea h2 {
    font-size: 85px;
    color: #e7e3ff;
    font-weight: 900;
    font-family: Arial;
    text-transform: uppercase;
    line-height: 57px;
    text-align: center;
  }
  .wltgea p {
    font-size: 24px;
    color: #414140;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 3px;
    margin-top: -21px;
    margin-left: 34px;
    text-align: center;
  }
  .wltgeb {
    margin-top: 51px;
  }
  .wltge_xt {
    width: 35px;
    height: 4px;
    background-color: #fbd539;
    margin: 0 auto;
  }
  .wltgeb p {
    font-size: 16px;
    color: #454353;
    line-height: 30px;
    text-align: center;
    margin-top: 16px;
  }
  .wltgeb p span {
    display: block;
  }
  .wltgec {
    width: 74.95%;
    margin: 0 auto;
    margin-top: -11px;
  }
  .wltgeca {
    width: 100%;
    margin-top: 77px;
  }
  .wltgec img {
    float: left;
    width: 15.5%;
    box-shadow: 1px 6px 20px 0px rgba(191, 191, 243, 0.54);
    border-radius: 50%;
  }
  .wltgec p {
    float: left;
    width: 17.833%;
    font-size: 16px;
    color: #454353;
    background-image: url(../img/y83.png);
    background-repeat: repeat-x;
    background-size: 100% 1px;
    background-position: left bottom;
    line-height: 32px;
    margin-top: 37px;
    padding-left: 14px;
  }
  .wltgf {
    background-image: url(../img/y45.jpg);
    margin-top: 0;
  }
  .wltg_dwt1 {
    position: absolute;
    bottom: -370px;
    right: 0;
  }
  .wltgg {
    margin-top: 97px;
    height: 340px;
    padding-top: 98px;
  }

  .wltg_al {
    width: 90.97%;
    margin: 0 auto;
    margin-top: 90px;
  }
  .wltg_ala h2 {
    font-size: 85px;
    color: #e7e3ff;
    font-weight: 900;
    font-family: Arial;
    text-transform: uppercase;
    line-height: 57px;
    text-align: center;
    letter-spacing: 3px;
  }
  .wltg_ala p {
    font-size: 24px;
    color: #414140;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 3px;
    margin-top: -20px;
    text-align: center;
  }
  .wltg_alb {
    width: 100%;
    margin-top: 27px;
    background-image: url(../img/y90.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 91%;
    padding: 55px 35px 0 56px;
    border-radius: 10px;
  }
  .wltg_alc {
    width: 100%;
  }
  .wltg_ald {
    width: 52.7%;
  }
  .wltg_ald > p {
    font-size: 26px;
    color: #414140;
    letter-spacing: 2px;
    margin-bottom: 25px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .wltg_alda {
    background-color: #fff;
    border: 1px solid #eeeeee;
    border-radius: 5px;
    width: 25%;
    height: 270px;
    border-left: none;
    padding-top: 34px;
  }
  .wltg_alda:nth-child(2) {
    border-left: 1px solid #eeeeee;
  }
  .wltg_alda img:nth-child(1) {
    width: 50px;
    margin: 0 auto;
  }
  .wltg_alda p {
    font-size: 22px;
    color: #666666;
    text-align: center;
    letter-spacing: 2px;
    line-height: 34px;
    margin-top: 16px;
    height: 68px;
  }
  .wltg_alda h6 {
    text-align: center;
    font-size: 26px;
    color: #e11d11;
    font-family: Arial;
    font-weight: 900;
    line-height: 26px;
    margin-top: 34px;
  }
  .wltg_alda img:nth-child(3) {
    width: 104px;
    margin: 0 auto;
    margin-top: 20px;
  }
  .wltg_ale {
    width: 45.121%;
    background-color: #2a2a2a;
    padding: 25px 18px;
    border-radius: 20px;
    box-shadow: 1px 10px 30px 0px rgba(137, 66, 233, 0.19);
  }
  .wltg_ale img {
    width: 100%;
  }
  .wltg_alqh {
    margin-left: 51px;
    margin-top: 17px;
  }
  .wltg_alqha {
    width: 12px;
    height: 12px;
    background-color: #939393;
    border-radius: 50%;
    margin: 0 5px;
    cursor: pointer;
  }
  .wltg_alqhaa {
    background-color: #9348e6;
  }

  /*移动营销*/
  .ydyxa {
    width: 100%;
    background-image: url(../img/y47.jpg);
    height: 824px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 47px;
  }
  .ydyxa .wlyxb {
    margin-top: 125px;
  }
  .ydyxa .wlyxb h6 {
    text-align: center;
    line-height: 30px;
    font-size: 16px;
    color: #fff;
    margin-top: 24px;
  }
  .ydyxa .wlyxb h6 span {
    display: block;
  }
  .ydyxa .wlyxb img {
    width: 220px;
    margin: 0 auto;
    margin-top: 36px;
  }
  .ydyxa .mbx {
    padding: 0 12px;
    margin-top: 190px;
    position: relative;
    z-index: 10;
  }
  .ydyxa .mbx p {
    color: #bfb4cd;
  }
  .ydyxa .mbx p a {
    color: #bfb4cd;
  }
  .ydyxa .mbx p a:hover {
    color: #fff;
  }
  .ydyxa .mbx p:nth-child(1) {
    float: left;
  }
  .ydyxa .mbx p:nth-child(2) {
    float: right;
  }
  .ydyxb {
    width: 100%;
    position: relative;
    top: -241px;
  }
  .ydyxba {
    width: 56.18%;
    margin-left: 17.63%;
  }
  .ydyxba img {
    width: 100%;
  }
  .ydyxbb {
    width: 35%;
    margin-left: -12.5%;
    margin-top: 256px;
  }
  .ydyxbb p {
    background-image: url(../img/y93.png);
    background-repeat: no-repeat;
    background-size: 54px 27px;
    background-position: left center;
    padding-left: 69px;
    font-size: 14px;
    color: #454353;
    margin-top: 14px;
  }
  .ydyxbb p:nth-child(2) {
    margin-left: -17px;
  }
  .ydyxbb p:nth-child(3) {
    margin-left: -35px;
  }
  .ydyxc {
    width: 100%;
    top: -226px;
    position: relative;
  }
  .ydyxca {
    width: 50%;
    padding-left: 68px;
    position: relative;
    margin-top: 9px;
  }
  .ydyxca h2 {
    font-size: 32px;
    color: #6e73e7;
    font-weight: bold;
    line-height: 54px;
    letter-spacing: 2px;
  }
  .ydyxca h3 {
    font-size: 26px;
    color: #6e73e7;
    font-weight: bold;
    line-height: 32px;
    letter-spacing: 2px;
    background-image: url(../img/y94.png);
    background-repeat: no-repeat;
    background-size: 100% 14px;
    background-position: center bottom;
    display: inline-block;
    padding-left: 20px;
    padding-right: 28px;
    margin-left: -20px;
  }
  .ydyxca p {
    font-size: 14px;
    color: #868686;
    line-height: 28px;
    margin-top: 68px;
  }
  .ydyxca p span {
    background-image: url(../img/y95.png);
    background-repeat: no-repeat;
    background-size: 100% 10px;
    background-position: center bottom;
  }
  .ydyxca_m {
    width: 259px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: #6f55eb;
    margin-top: 59px;
    border-radius: 50px;
    box-shadow: 1px 5px 25px 1px rgba(69, 117, 220, 0.22);
  }
  .ydyxca_m a {
    font-size: 18px;
    color: #fff;
    letter-spacing: 2px;
    transition: all ease 0.3s;
  }
  .ydyxca_m:hover a {
    padding-left: 8px;
  }
  .ydyxcb {
    width: 71.31%;
    margin-left: -30%;
  }
  .ydyxcb img {
    width: 100%;
  }
  .ydyxd {
    width: 96.875%;
    margin: 0 auto;
    top: -226px;
    position: relative;
  }
  .ydyxda h2 {
    font-size: 85px;
    color: #e7e3ff;
    font-weight: 900;
    font-family: Arial;
    text-transform: uppercase;
    line-height: 57px;
    text-align: center;
  }
  .ydyxda p {
    font-size: 24px;
    color: #414140;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 3px;
    margin-top: -20px;
    text-align: center;
  }
  .ydyxdb {
    width: 100%;
    margin-top: 48px;
  }
  .ydyxdb_a {
    width: 25%;
    background-color: #fff;
    border: 1px solid #f2f1ff;
    border-radius: 15px;
    position: relative;
    height: 580px;
    box-shadow: 1px 6px 24px 1px rgba(177, 183, 243, 0.27);
    padding: 38px 35px 0 35px;
  }
  .ydyxdb_a:nth-child(2) {
    margin: 0 12.5%;
  }
  .ydyxdb_a::after {
    position: absolute;
    content: "";
    width: 80px;
    height: 4px;
    background-color: #9587ee;
    left: calc(50% - 40px);
    top: -1px;
  }
  .ydyxdb_a img {
    width: 78px;
    margin: 0 auto;
  }
  .ydyxdb_a h6 {
    font-size: 20px;
    color: #454353;
    line-height: 30px;
    margin-top: 32px;
  }
  .ydyxdb_a p {
    font-size: 14px;
    color: #868686;
    line-height: 24px;
    padding-left: 13px;
    background-image: url(../img/y99.png);
    background-repeat: no-repeat;
    background-position: left top 8.5px;
    margin-top: 14px;
  }
  .ydyxdb_a span {
    display: block;
    font-size: 12px;
    line-height: 23px;
    margin-bottom: 20px;
  }
  .ydyxe {
    width: 100%;
    position: relative;
    top: -102px;
  }
  .ydyxe_top h2 {
    font-size: 85px;
    color: #e7e3ff;
    font-weight: 900;
    font-family: Arial;
    text-transform: uppercase;
    line-height: 57px;
    text-align: center;
  }
  .ydyxe_top p {
    font-size: 24px;
    color: #414140;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 3px;
    margin-top: -20px;
    text-align: center;
  }
  .ydyxf {
    width: 100%;
    background-image: url(../img/y100.png);
    height: 839px;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    margin-top: -11px;
    padding-top: 159px;
  }
  .ydyxfa {
    width: 83.333%;
    margin: 0 auto;
  }
  .ydyxfa_a {
    width: 22.5%;
    margin: 0 1.25%;
    background-color: #fff;
    height: 230px;
    border-radius: 15px;
    padding: 42px 30px 0 28px;
    position: relative;
  }
  .ydyxfa_a h2 {
    font-size: 20px;
    color: #313131;
    font-weight: bold;
    line-height: 30px;
  }
  .ydyxfa_a p {
    font-size: 12px;
    color: #868686;
    line-height: 24px;
    margin-top: 17px;
  }
  .ydyxfa_a::after {
    position: absolute;
    content: "";
    background-image: url(../img/y102.png);
    width: 76px;
    height: 33px;
    background-size: 100%;
    left: calc(50% - 38px);
    bottom: -33px;
  }
  .ydyxfa_a::before {
    position: absolute;
    content: "";
    background-image: url(../img/y101.png);
    width: 26px;
    height: 26px;
    background-size: 100%;
    left: calc(50% - 13px);
    bottom: -78px;
  }
  .ydyxfb {
    width: 100%;
    padding: 0 15px;
    margin-top: 63px;
  }
  .ydyxfb img {
    width: 100%;
  }
  .ydyxfc {
    width: 62.5%;
    margin: 0 auto;
    margin-top: 62px;
  }
  .ydyxfc_a {
    width: 30.333%;
    margin: 0 1.5%;
    background-color: #fff;
    height: 230px;
    border-radius: 15px;
    padding: 42px 30px 0 28px;
    position: relative;
  }
  .ydyxfc_a h2 {
    font-size: 20px;
    color: #f9155a;
    font-weight: bold;
    line-height: 30px;
    background-image: url(../img/y105.png);
    background-size: 100% 15px;
    background-repeat: no-repeat;
    background-position: center bottom;
    display: inline-block;
    padding-right: 4px;
  }
  .ydyxfc_a p {
    font-size: 12px;
    color: #868686;
    line-height: 24px;
    margin-top: 17px;
  }
  .ydyxfc_a::after {
    position: absolute;
    content: "";
    background-image: url(../img/y103.png);
    width: 76px;
    height: 33px;
    background-size: 100%;
    left: calc(50% - 38px);
    top: -33px;
  }
  .ydyxfc_a::before {
    position: absolute;
    content: "";
    background-image: url(../img/y101.png);
    width: 26px;
    height: 26px;
    background-size: 100%;
    left: calc(50% - 13px);
    top: -78px;
  }
  .ydyxg {
    width: 100%;
    position: relative;
    top: -9px;
    margin-bottom: 126px;
  }
  .ydyxh {
    width: 100%;
    margin-top: 102px;
  }
  .ydyxha {
    width: 37.01%;
    margin-left: 6.388%;
  }
  .ydyxhaa {
    padding: 0 0 0 24px;
  }
  .ydyxhaa h2 {
    font-size: 24px;
    color: #454353;
    line-height: 52px;
    background-image: url(../img/y107.png);
    background-size: 100% 30px;
    background-repeat: no-repeat;
    background-position: center bottom;
    padding: 0 27px;
    display: inline-block;
  }
  .ydyxha_p {
    width: 100%;
    margin-top: 17px;
  }
  .ydyxhaa p {
    font-size: 14px;
    color: #868686;
    padding-left: 19px;
    width: 50%;
    line-height: 24px;
    background-image: url(../img/y99.png);
    background-repeat: no-repeat;
    background-position: left 6px top 8.5px;
    float: left;
    margin-top: 16px;
  }
  .ydyxhab p {
    width: 100%;
  }
  .ydyxhac {
    background-image: url(../img/y108.png);
    background-size: 100% 100%;
    background-position: center;
    padding: 45px 0 69px 24px;
    margin-top: 42px;
    margin-bottom: 33px;
  }
  .ydyxhb {
    width: 61.527%;
    margin-left: -20%;
    margin-top: 33px;
  }
  .sjyx_al {
    width: 100%;
    margin-top: 74px;
    margin-bottom: 20px;
  }
  .sjyx_ala {
    width: 26.111%;
    margin-left: 2.152%;
    margin-top: 98px;
  }
  .sjyx_alaa h2 {
    font-size: 85px;
    color: #e7e3ff;
    font-weight: 900;
    font-family: Arial;
    text-transform: uppercase;
    line-height: 57px;
  }
  .sjyx_alaa p {
    font-size: 24px;
    color: #414140;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 3px;
    margin-top: -14px;
  }
  .sjyx_alab {
    width: 100%;
    margin-top: 120px;
  }
  .sjyx_alac {
    width: 100%;
  }
  .sjyx_alac h2 {
    font-size: 16px;
    color: #464545;
    background-image: url(../img/y55.png);
    background-size: 100% 12px;
    background-position: center bottom;
    background-repeat: no-repeat;
    line-height: 26px;
    display: inline-block;
    padding: 0 11px;
  }
  .sjyx_alac p {
    font-size: 14px;
    color: #868686;
    line-height: 28px;
    margin-top: 14px;
    padding-left: 11px;
    height: 196px;
  }
  .sjyx_alam {
    width: 259px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: #6f55eb;
    margin-top: 48px;
    border-radius: 50px;
    box-shadow: 1px 5px 25px 1px rgba(69, 117, 220, 0.22);
  }
  .sjyx_alam a {
    font-size: 18px;
    color: #fff;
    letter-spacing: 2px;
    transition: all ease 0.3s;
  }
  .sjyx_alam:hover a {
    padding-left: 8px;
  }
  .sjyx_alb {
    width: 49.72%;
    margin-right: 9.166%;
    position: relative;
  }
  #swiper_sjal {
    width: 100%;
    padding: 0 20px;
  }
  #swiper_sjal .swiper-slide {
    width: 59%;
  }
  #swiper_sjal .swiper-slide-duplicate-prev {
    opacity: 0;
  }
  #swiper_sjal .swiper-slide-duplicate-next {
    opacity: 0;
  }
  #swiper_sjal .swiper-slide-duplicate-active {
    opacity: 0;
  }
  #swiper_sjal .swiper-slide-prev img {
    opacity: 0.6;
  }
  #swiper_sjal .swiper-slide-next img {
    opacity: 0.6;
  }
  #swiper_sjal .swiper-slide-active {
    margin-top: 0px;
  }
  .sjyx_alc {
    width: 100%;
    background-image: url(../img/y109.png);
    padding: 38px 36px 33px 35px;
    background-size: 100% 100%;
    border-radius: 50px;
  }
  .sjyx_alc img {
    width: 100%;
    border-radius: 50px;
  }
  #swiper-button-prev-sjal {
    background-image: url(../img/y73.png);
    width: 100px;
    height: 72px;
    background-size: 100% 100%;
    left: -118px;
    outline: none;
  }
  #swiper-button-next-sjal {
    background-image: url(../img/y72.png);
    width: 100px;
    height: 72px;
    background-size: 100% 100%;
    right: -118px;
    outline: none;
  }

  /*	电商托管*/
  .dstga {
    width: 100%;
    background-image: url(../img/g22.jpg);
    height: 819px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 47px;
  }
  .dstga .wlyxb {
    margin-top: 150px;
  }
  .dstga .wlyxb h6 {
    text-align: center;
    line-height: 31px;
    font-size: 16px;
    color: #fff;
    margin-top: 37.5px;
    letter-spacing: 1px;
    text-transform: uppercase;
  }
  .dstga .wlyxb h6 span {
    display: block;
  }
  .dstga .wlyxb h5 {
    font-size: 18px;
    color: #ffe84d;
    font-weight: bold;
    text-align: center;
    line-height: 28px;
    margin-top: 31px;
    letter-spacing: 1px;
  }
  /*	.dstga .wlyxb img{width: 40.2%;margin: 0 auto;margin-top: 76.5px;}*/
  .dstga .wlyxb h2 {
    font-size: 68px;
    color: #9b68e6;
    text-align: center;
    font-family: Arial;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 47px;
    opacity: 0.3;
    letter-spacing: 3px;
  }
  .dstga .wlyxb p {
    text-align: center;
    font-size: 28px;
    color: #fff;
    font-weight: bold;
    line-height: 28px;
    position: relative;
    margin-top: -16px;
    letter-spacing: 3px;
  }
  .wlyxb p span {
    color: #ffe84d;
  }
  .dstga .wlyxb img {
    width: 255px;
    margin: 0 auto;
    margin-top: 42px;
  }
  .dstga .mbx {
    padding: 0 12px;
    margin-top: 0;
    position: relative;
    top: 75px;
  }
  .dstga .mbx p {
    color: #bfb4cd;
  }
  .dstga .mbx p a {
    color: #bfb4cd;
  }
  .dstga .mbx p a:hover {
    color: #4335c0;
  }
  .dstga .mbx p:nth-child(1) {
    float: left;
  }
  .dstga .mbx p:nth-child(2) {
    float: right;
  }
  .dstgb1 {
    width: 43.2%;
    padding: 0 5%;
  }
  .dstgb1 h2 {
    font-size: 85px;
    color: #e7e3ff;
    font-weight: 900;
    font-family: Arial;
    text-transform: uppercase;
    line-height: 57px;
    letter-spacing: 3px;
    margin-top: 85px;
  }
  .dstgb1 h3 {
    font-size: 24px;
    color: #414140;
    line-height: 24px;
    letter-spacing: 4px;
    font-weight: bold;
    margin-top: -20px;
    margin-bottom: 47px;
  }
  .dstgb1 p {
    width: 44%;
    background-image: url(../img/g26.png);
    background-repeat: no-repeat;
    background-size: 100% 50%;
    background-position: bottom;
    font-size: 20px;
    color: #454353;
    line-height: 50px;
    margin-top: 15px;
    padding-left: 20px;
  }
  .dstgb1 p:nth-child(2n) {
    float: right;
  }
  .dstgb1 p:nth-child(2n + 1) {
    float: left;
  }
  .dstgb2 {
    padding-right: 98px;
  }
  .dstgc {
    margin-top: 90px;
  }
  .dstgc > h2 {
    font-size: 85px;
    color: #e7e3ff;
    font-weight: 900;
    font-family: Arial;
    text-transform: uppercase;
    line-height: 57px;
    letter-spacing: 3px;
    text-align: center;
  }
  .dstgc h3 {
    font-size: 30px;
    color: #414140;
    line-height: 30px;
    letter-spacing: 4px;
    font-weight: bold;
    margin-top: -25px;
    text-align: center;
  }
  .dstgc1 {
    width: 89.9%;
    margin: 0 auto;
    padding-bottom: 15px;
  }
  .dstgc1a {
    width: 28.5%;
    background-color: #fff;
    border: 1px solid #f2f1ff;
    border-radius: 15px;
    position: relative;
    height: 342px;
    box-shadow: 1px 6px 24px 1px rgba(177, 183, 243, 0.27);
    padding: 42px 36px 0 40px;
    margin-top: 51px;
  }
  .dstgc1a::after {
    position: absolute;
    content: "";
    width: 80px;
    height: 4px;
    background-color: #9587ee;
    left: calc(50% - 40px);
    top: -1px;
  }
  .dstgc1a:nth-child(2) {
    margin: 0 6.5%;
    margin-top: 51px;
  }
  .dstgc1a:nth-child(5) {
    margin: 0 6.5%;
    margin-top: 51px;
  }
  .dstgc1a img {
    margin: 0 auto;
  }
  .dstgc1a h2 {
    font-size: 20px;
    color: #454353;
    line-height: 40px;
    text-align: center;
  }
  .dstgc1a p {
    font-size: 14px;
    color: #868686;
    line-height: 21px;
    margin-top: 17px;
    position: relative;
    padding-left: 12px;
  }
  .dstgc1a p::after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    background-color: #9587ee;
    border-radius: 50%;
    left: 0;
    top: 8px;
  }
  .dstgd {
    background-image: url(../img/g34.jpg);
    background-repeat: no-repeat;
    background-size: 100% 89.6%;
    padding-top: 61px;
    height: 757px;
    margin-top: 90px;
  }
  .dstgd h2 {
    font-size: 85px;
    color: #705cff;
    font-weight: 900;
    font-family: Arial;
    text-transform: uppercase;
    line-height: 57px;
    letter-spacing: 3px;
    text-align: center;
  }
  .dstgd h3 {
    font-size: 24px;
    color: #fff;
    line-height: 24px;
    letter-spacing: 4px;
    font-weight: bold;
    margin-top: -20px;
    text-align: center;
  }
  .dstgd1 {
    margin-top: 61px;
  }
  .dstgd1a {
    width: 69.7%;
    background-image: url(../img/g35.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom left;
    height: 571px;
    padding: 24px 92px 0 125px;
    margin-left: 13px;
    overflow: hidden;
  }
  .dstgd1a img {
    width: 100%;
  }
  .dstgd1b {
    width: 28.4%;
  }
  .dstgd1b1 {
    margin-top: 68px;
  }
  .dstgd3 {
    margin-top: 62px;
  }
  .dstgd3 img {
    float: left;
    cursor: pointer;
  }
  .dstgd3 img:nth-child(2) {
    margin-left: 26px;
  }
  .dstgd2 h4 {
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    line-height: 24px;
  }
  .dstgd2 p {
    font-size: 14px;
    color: #fff;
    line-height: 24px;
    margin-top: 49px;
  }
  .dstgd4 {
    margin-top: 57px;
  }
  .dstgd4 p {
    width: 191px;
    height: 54px;
    background-color: #fff;
    border-radius: 30px;
    font-size: 18px;
    color: #771eda;
    text-align: center;
    line-height: 54px;
    transition: all ease 0.4s;
  }
  .dstgd4 p:hover {
    padding-left: 8px;
  }
  .dstge {
    margin-top: 84px;
  }
  .dstge h2 {
    font-size: 85px;
    color: #e7e3ff;
    font-weight: 900;
    font-family: Arial;
    text-transform: uppercase;
    line-height: 57px;
    letter-spacing: 3px;
    text-align: center;
  }
  .dstge h3 {
    font-size: 24px;
    color: #414140;
    line-height: 24px;
    letter-spacing: 4px;
    font-weight: bold;
    margin-top: -18px;
    text-align: center;
  }
  .dstgd1 {
    margin-top: 61px;
  }
  .dstgf {
    width: 96.4%;
    margin: 0 auto;
    margin-top: 57px;
  }
  .dstgf1 {
    width: 13.8%;
    background-image: url(../img/g36.png);
    background-repeat: no-repeat;
    background-size: 100%;
    margin-right: 7.7%;
    padding: 22px 29px 55px 17px;
    position: relative;
  }
  .dstgf1:nth-child(5) {
    margin-right: 0;
  }
  .dstgf1 img {
    float: left;
  }
  .dstgf1 p {
    float: right;
    font-size: 16px;
    color: #454353;
    font-weight: bold;
    line-height: 35px;
  }
  .dstgf1::after {
    content: "";
    background-image: url(../img/g53.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 14px;
    height: 14px;
    position: absolute;
    bottom: -50px;
    left: 90px;
  }
  .dstgg {
    background-image: url(../img/g52.png);
    background-repeat: no-repeat;
    background-size: 100%;
    height: 6px;
    margin-top: 40px;
    padding: 5px 0;
  }
  .dstgh {
    width: 75.8%;
    margin: 0 auto;
    margin-top: 35px;
  }
  .dstgh .dstgf1 {
    width: 17.58%;
    background-image: url(../img/g37.png);
    padding: 54px 29px 24px 17px;
    margin-right: 9.89%;
  }
  .dstgh .dstgf1:nth-child(4) {
    margin-right: 0;
  }
  .dstgh .dstgf1::after {
    content: "";
    background-image: url(../img/g53.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 14px;
    height: 14px;
    position: absolute;
    top: -50px;
    left: 90px;
  }
  .dstgi {
    width: 90.8%;
    margin: 0 auto;
    background-image: url(../img/g54.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: top 112px center;
    margin-top: 87px;
  }
  .dstgi1 {
    width: 39.4%;
    margin-left: 3.4%;
  }
  .dstgi1 img {
    width: 100%;
  }
  .dstgi2 {
    width: 49.6%;
    margin-left: 7.4%;
  }
  .dstgi2 h2 {
    font-size: 85px;
    color: #e7e3ff;
    font-weight: 900;
    font-family: Arial;
    text-transform: uppercase;
    line-height: 57px;
    letter-spacing: 2px;
    margin-top: 70px;
    margin-left: -5px;
  }
  .dstgi2 h3 {
    font-size: 30px;
    color: #6e73e7;
    line-height: 24px;
    letter-spacing: 4px;
    font-weight: bold;
    margin-top: -16px;
  }
  .dstgi2 p {
    font-size: 18px;
    color: #868686;
    line-height: 40px;
    margin-top: 40px;
  }
  .dstgj {
    background-image: url(../img/g50.jpg);
    background-repeat: no-repeat;
    background-size: 1920px 341px;
    background-position: top 86px center;
    margin-top: 6px;
  }
  .dstgj1 {
    width: 40.9%;
    margin-left: 8.1%;
    margin-top: 180px;
  }
  .dstgj1 img {
    width: 100%;
  }
  .dstgj1 h2 {
    font-size: 16px;
    color: #444444;
    line-height: 26px;
    margin-top: 14px;
  }
  .dstgj1 p {
    width: 190px;
    height: 54px;
    font-size: 18px;
    color: #3c6ce5;
    background-color: #fff;
    border-radius: 25px;
    line-height: 54px;
    text-align: center;
    margin-top: 43px;
    transition: all ease 0.4s;
    box-shadow: 5px 5px 10px 0 rgba(94, 30, 203, 0.2);
  }
  .dstgj1 p:hover {
    padding-left: 8px;
  }
  .dstgj2 {
    width: 37.5%;
    margin-left: 7.2%;
  }
  .dstgj2 img {
    width: 100%;
  }

  /*网络公关*/
  .wlgga {
    width: 100%;
    background-image: url(../img/g01.jpg);
    height: 831px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 47px;
  }
  .wlgga .wlyxb {
    margin-top: 180px;
  }
  .wlgga .wlyxb h6 {
    text-align: center;
    line-height: 31px;
    font-size: 16px;
    color: #fff;
    margin-top: 37.5px;
    letter-spacing: 1px;
    text-transform: uppercase;
  }
  .wlgga .wlyxb h6 span {
    display: block;
  }
  .wlgga .wlyxb img {
    width: 40.2%;
    margin: 0 auto;
    margin-top: 76.5px;
  }
  .wlgga .mbx {
    padding: 0 12px;
    margin-top: 0;
    position: relative;
    top: -85px;
  }
  .wlgga .mbx p {
    color: #bfb4cd;
  }
  .wlgga .mbx p a {
    color: #bfb4cd;
  }
  .wlgga .mbx p a:hover {
    color: #4335c0;
  }
  .wlgga .mbx p:nth-child(1) {
    float: left;
  }
  .wlgga .mbx p:nth-child(2) {
    float: right;
  }
  .wlggb {
    top: -72px;
    position: relative;
  }
  .wlggba1 {
    width: 43%;
    margin-left: 3.6%;
  }
  .wlggba1 img {
    width: 100%;
  }
  .wlggba2 {
    width: 36.6%;
    margin-right: 10%;
    margin-top: 111px;
  }
  .wlggba2 h2 {
    font-size: 85px;
    color: #e7e3ff;
    font-weight: 900;
    font-family: Arial;
    text-transform: uppercase;
    line-height: 57px;
    letter-spacing: 3px;
    margin-left: -5px;
  }
  .wlggba2 h3 {
    font-size: 24px;
    color: #414140;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 3px;
    margin-top: -21px;
  }
  .wlggba2 p {
    font-size: 14px;
    color: #414140;
    line-height: 23px;
    margin-top: 29.5px;
    letter-spacing: 1px;
  }
  .wlggba2 p span {
    color: #454353;
    line-height: 27px;
  }
  .wlggba3 {
    width: 70.6%;
    margin: 0 auto;
    position: relative;
    top: -91px;
  }
  .wlggba3 p {
    font-size: 14px;
    color: #454353;
    line-height: 32px;
    background-image: url(../img/g04.png);
    background-repeat: no-repeat;
    background-size: 100% 70%;
    background-position: bottom left;
    width: 44%;
    padding-left: 20px;
    margin-top: 10px;
  }
  .wlggba3 p:nth-child(2n) {
    float: right;
    margin-right: 12px;
  }
  .wlggba3 p:nth-child(2n + 1) {
    float: left;
  }
  .wlggc h2 {
    font-size: 85px;
    color: #e7e3ff;
    font-weight: 900;
    font-family: Arial;
    text-transform: uppercase;
    line-height: 57px;
    letter-spacing: 1px;
    text-align: center;
  }
  .wlggc h3 {
    font-size: 30px;
    color: #414140;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 3px;
    margin-top: -21px;
    text-align: center;
  }
  .wlggc p {
    font-size: 18px;
    color: #868686;
    line-height: 28px;
    margin-top: 22px;
    text-align: center;
  }
  .wlggc1 {
    width: 90.2%;
    margin: 0 auto;
    margin-top: 75px;
  }
  .wlggc1a {
    width: 8.6%;
    margin: 0 5.4%;
  }
  .wlggc1a img {
    width: 100%;
    border-radius: 50%;
    box-shadow: -6px 6px 30px 0px rgba(191, 191, 243, 0.54);
  }
  .wlggc1a p {
    width: 200%;
    margin-left: -50%;
    text-align: center;
    font-size: 20px;
    color: #454353;
    line-height: 30px;
    margin-top: 28px;
  }
  .wlggc1a:hover img {
    animation: rubberBand 1.5s infinite;
  }
  .wlggc2 {
    width: 83.61%;
    margin: 0 auto;
    background-image: url(../img/g10.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-top: 64px;
  }
  .wlggc2 p {
    font-size: 16px;
    color: #fefefe;
    line-height: 26px;
    padding-top: 55px;
    padding-bottom: 73px;
    text-align: center;
  }
  .wlggd {
    background-image: url(../img/g11.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 70px;
    margin-top: 43px;
  }
  .wlggd1 {
    padding-left: 50px;
    position: relative;
  }
  .wlggd1 h2 {
    font-size: 85px;
    color: #4a87d5;
    font-weight: 900;
    font-family: Arial;
    text-transform: uppercase;
    line-height: 57px;
    letter-spacing: 3px;
  }
  .wlggd1 p {
    font-size: 30px;
    color: #fff;
    line-height: 40px;
    margin-top: -21px;
    font-weight: bold;
  }
  .wlggd2 {
    width: 2000px;
    margin-left: 3.5%;
    margin-top: 51px;
    overflow: hidden;
    padding-bottom: 15px;
  }
  .wlggd3 {
    width: 10000px;
  }
  .wlggd4 {
    width: 357px;
  }
  .wlggd5 {
    width: 75.6%;
    background-color: #fff;
    border: 1px solid #f2f1ff;
    border-radius: 15px;
    position: relative;
    height: 322px;
    box-shadow: 1px 6px 28px 1px rgba(177, 183, 243, 0.27);
    padding: 39px 63px 0 61px;
  }
  .wlggd5::after {
    position: absolute;
    content: "";
    width: 80px;
    height: 4px;
    background-color: #9587ee;
    left: calc(50% - 40px);
    top: -1px;
  }
  .wlggd5 img {
    margin: 0 auto;
  }
  .wlggd5 h2 {
    font-size: 20px;
    color: #454353;
    line-height: 30px;
    margin-top: 7px;
    text-align: center;
  }
  .wlggd5 p {
    font-size: 14px;
    color: #868686;
    line-height: 22px;
    text-align: center;
    margin-top: 30px;
  }
  .wlggd5 p span {
    color: #9587ee;
  }
  .wlggd1 .wltgc_an {
    right: 45px;
    bottom: 0px;
  }
  .wlgge {
    margin: 0 auto;
    margin-top: 95px;
    width: 91.1%;
  }
  .wlgge h2 {
    font-size: 85px;
    color: #e7e3ff;
    font-weight: 900;
    font-family: Arial;
    text-transform: uppercase;
    line-height: 57px;
    letter-spacing: 3px;
    text-align: center;
  }
  .wlgge h3 {
    font-size: 28px;
    color: #414140;
    font-weight: bold;
    line-height: 28px;
    letter-spacing: 3px;
    margin-top: -14px;
    text-align: center;
  }
  .wlgge p {
    font-size: 14px;
    color: #454353;
    line-height: 24px;
    text-align: center;
    margin-top: 47px;
  }
  .wlgge p span {
    font-size: 14px;
    color: #3a31ef;
    line-height: 30px;
    font-weight: bold;
    text-align: center;
    display: inline-block;
    background-image: url(../img/g04.png);
    background-repeat: no-repeat;
    background-size: 100% 70%;
    padding: 0 6px;
    background-position: bottom;
  }
  .wlgge img {
    width: 100%;
    margin-top: 43px;
  }
  .wlggf {
    margin-top: 90px;
  }
  .wlggf h2 {
    font-size: 85px;
    color: #e7e3ff;
    font-weight: 900;
    font-family: Arial;
    text-transform: uppercase;
    line-height: 57px;
    letter-spacing: 3px;
    text-align: center;
  }
  .wlggf h3 {
    font-size: 24px;
    color: #414140;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 3px;
    margin-top: -21px;
    text-align: center;
  }
  .wlggg {
    margin-top: 54px;
  }
  .wlggg1 {
    width: 26.2%;
    background-color: #fff;
    border: 1px solid #f2f1ff;
    border-radius: 15px;
    position: relative;
    height: 322px;
    box-shadow: 1px 6px 24px 1px rgba(177, 183, 243, 0.27);
    padding: 39px 0px 0 0px;
    margin: 0 3.4%;
  }
  .wlggg1::after {
    position: absolute;
    content: "";
    width: 80px;
    height: 4px;
    background-color: #9587ee;
    left: calc(50% - 40px);
    top: -1px;
  }
  .wlggg1 img {
    margin: 0 auto;
  }
  .wlggg1 h2 {
    font-size: 20px;
    color: #454353;
    line-height: 30px;
    margin-top: 7px;
    text-align: center;
  }
  .wlggg1 p {
    font-size: 14px;
    color: #868686;
    line-height: 22px;
    text-align: center;
    margin-top: 46px;
    position: relative;
  }
  .wlggg1 p span {
    display: inline-block;
    width: 40px;
  }
  .wlggg1 p::after {
    width: 8px;
    height: 8px;
    background-color: #9587ee;
    position: absolute;
    content: "";
    top: -13px;
    left: calc(50% - 4px);
    border-radius: 50%;
  }
  .wlggq {
    height: 340px;
    padding-top: 95px;
    margin-top: 96px;
  }
  .wlggq h2 {
    color: #ffde57;
    font-weight: bold;
  }
  .wlggq p {
    background-image: url(../img/g21.png);
    background-size: 847px 20px;
    background-position: bottom center;
    background-repeat: no-repeat;
    font-size: 16px;
    line-height: 32px;
    margin-top: 17px;
    letter-spacing: 1px;
  }

  /*成功案例列表页*/
  .all {
    width: 100%;
    background-image: url(../img/y49.jpg);
    background-repeat: no-repeat;
    background-size: 1920px auto;
    background-position: center top;
    overflow: hidden;
  }
  .alla {
    width: 100%;
    padding-top: 47px;
  }
  .alla .wlyxb {
    margin-top: 107px;
  }
  .alla .wlyxb h6 {
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 24px;
    margin-top: 13px;
    letter-spacing: 2px;
  }
  .aldh {
    display: table;
    margin: 0 auto;
    height: 45px;
    background-color: rgba(115, 85, 245, 0.6);
    margin-top: 19px;
    border-radius: 50px;
    padding: 6px 106px 0 106px;
    box-shadow: 1px 5px 25px rgba(51, 22, 132, 0.42);
  }
  .aldh_p {
    width: 119px;
    height: 32px;
    border-radius: 30px;
    text-align: center;
    line-height: 32px;
    margin: 0 5px;
    transition: all ease 0.3s;
  }
  .aldh_p a {
    font-size: 16px;
    color: #fff;
    transition: all ease 0.3s;
  }
  .aldh_pa {
    background-color: #fff;
  }
  .aldh_pa a {
    color: #832dec;
  }
  .aldh_p:hover {
    background-color: #fff;
  }
  .aldh_p:hover a {
    color: #832dec;
  }
  .mbxa {
    padding: 0 12px;
    margin-top: 53px;
    position: relative;
  }
  .mbxa p {
    color: #bfb4cd;
    line-height: 12px;
  }
  .mbxa p a {
    color: #bfb4cd;
    transition: all ease 0.3s;
  }
  .mbxa p a:hover {
    color: #fff;
  }
  .mbxa p:nth-child(1) {
    float: left;
  }
  .mbxa p:nth-child(2) {
    float: right;
  }
  .allb {
    background-color: #fff;
    margin-top: 21px;
    padding-top: 50px;
  }
  .allx {
    width: 94.51%;
    margin: 0 auto;
    padding-left: 10px;
  }
  .allx_p {
    height: 39px;
    line-height: 39px;
    border-radius: 50px;
    padding: 0 48px;
    margin: 3px 5px;
    background-color: #fff;
    transition: all ease 0.3s;
    background-image: url(../img/y190.png);
    background-size: 0% 0%;
    background-repeat: no-repeat;
    background-position: center;
  }
  .allx_p a {
    font-size: 14px;
    color: #4c4c4c;
    transition: all ease 0.3s;
  }
  .allx_pa {
    box-shadow: 1px 4px 12px 1px rgba(120, 33, 220, 0.16);
    background-image: url(../img/y190.png);
    background-size: 100% 100%;
  }
  .allx_pa a {
    color: #fff;
  }
  .allx_p:hover {
    box-shadow: 1px 4px 12px 1px rgba(120, 33, 220, 0.16);
    background-size: 100% 100%;
  }
  .allx_p:hover a {
    color: #fff;
  }
  .allc {
    width: 94.51%;
    margin: 0 auto;
    margin-top: 27px;
  }
  .alld {
    position: relative;
    width: 30.41%;
    margin: 28px 0;
  }
  .alld_t {
    width: 100%;
    overflow: hidden;
  }
  .alld_t img {
    width: 100%;
    transition: all ease 0.3s;
  }
  .alld:nth-child(3n + 2) {
    margin: 27px 4.385%;
  }
  .alld_w {
    position: absolute;
    width: 93%;
    height: 86%;
    left: 3.5%;
    top: 7%;
    background-color: rgba(81, 32, 191, 0.9);
    padding: 48px 0 0 33px;
    transform: rotateX(-90deg);
    -webkit-transform: rotateX(-90deg);
    transition: all ease 0.5s;
    opacity: 0;
  }
  .alld_w h2 {
    font-size: 14.5px;
    color: #fff;
    line-height: 24px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .alld_w p {
    font-size: 12px;
    line-height: 20px;
    margin-top: 7px;
    color: #fff;
  }
  .alld_w h6 {
    color: #fff;
    font-size: 12px;
    text-decoration: underline;
    text-transform: uppercase;
    line-height: 12px;
    margin-top: 32px;
  }
  .alld:hover .alld_t img {
    transform: scale(1.1);
  }
  .alld:hover .alld_w {
    transform: rotateX(0deg);
    opacity: 1;
  }
  .yema {
    display: table;
    margin: 0 auto;
    background-color: #f2f2f2;
    height: 62px;
    padding: 16px 23px 0 23px;
    border-radius: 50px;
    margin-top: 59px;
  }
  .ymb {
    width: 30px;
    height: 30px;
    background-color: #fff;
    border-radius: 50%;
    margin: 0 11px;
  }
  .ymb img {
    margin: 12px auto;
  }
  .yma {
    width: 30px;
    height: 30px;
    margin: 0 11px;
    line-height: 30px;
    border-radius: 50%;
    text-align: center;
    transition: all ease 0.3s;
  }
  .yma a {
    font-size: 14px;
    color: #646464;
    transition: all ease 0.3s;
  }
  .ymaa {
    background-color: #832dec;
  }
  .ymaa a {
    color: #fff;
  }
  .yma:hover {
    background-color: #832dec;
  }
  .yma:hover a {
    color: #fff;
  }

  .hzkha {
    margin-bottom: -55px;
  }

  /*案例内页*/
  #alntop {
    position: relative;
    margin-bottom: 80px;
  }
  #alntop .commen {
    padding-left: 15px;
    padding-right: 190px;
  }
  #alntop h2 {
    text-align: left;
  }
  #alntop .wlyxdiv {
    text-align: left;
  }
  #alntop h6 {
    text-align: left;
    margin-top: 25px;
  }
  #alntop .alntopt {
    position: absolute;
    right: 109px;
    bottom: 0;
  }
  #alntop .alntopt img {
    width: 49px;
  }
  .aln {
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 50px;
  }
  .alna {
    width: 100%;
  }
  .alna p {
    width: 50%;
    font-size: 14px;
    color: #4c4c4c;
    line-height: 20px;
    float: left;
    margin-top: 22px;
  }
  .alna p span {
    display: inline-block;
    background-image: url(../img/y115.png);
    background-size: 100% 10px;
    background-repeat: no-repeat;
    background-position: center bottom;
    padding: 0 10px;
    margin-right: 50px;
  }
  .alnb_sj {
    width: 100%;
    margin-top: 94px;
  }
  .alnb_sj img {
    display: table;
    margin: 0 auto;
  }
  .alnb {
    width: 100%;
    position: relative;
    margin-top: 94px;
  }
  .alnba {
    background-image: url(../img/y56.jpg);
    width: 83.666%;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center top;
    padding: 21px 116px 61px 124px;
  }
  .alnba_t {
    width: 100%;
    height: 485px;
    overflow-x: hidden;
  }
  .alnba_t img {
    width: 100%;
  }

  .alnba_t::-webkit-scrollbar-track-piece {
    width: 16px;
    background-color: #322843;
    border-radius: 5px;
  }
  .alnba_t::-webkit-scrollbar {
    width: 16px;
    background-color: #322843;
    border-radius: 5px;
  }
  .alnba_t::-webkit-scrollbar-thumb {
    width: 12px;
    background-color: #7335ef;
    border-radius: 10px;
    background-image: url(../img/y119.png);
    background-repeat: no-repeat;
    background-position: center;
    border: 2px solid #312741;
  }
  .alnba_t::-webkit-scrollbar-button {
    background-image: url(../img/y120.png);
    width: 16px;
    height: 18px;
    background-size: 100% 100%;
    border-left: 1px solid #312741;
    background-color: transparent;
    border-radius: 5px;
  }
  .alnbb {
    background-image: url(../img/y118.png);
    width: 178px;
    background-size: 100% auto;
    background-position: center;
    padding: 9px 10px 11px 10px;
    position: absolute;
    bottom: -31px;
    right: 10.33%;
    border-radius: 30px;
    box-shadow: 1px 1px 30px 2px rgba(0, 0, 0, 0.1);
  }
  .alnbb img {
    width: 100%;
  }
  .alnbc {
    position: absolute;
    right: 0;
    top: 3px;
  }
  .alnc {
    width: 100%;
    margin-top: 100px;
  }
  .alnca {
    margin-left: 10px;
  }
  .alnca img {
    float: left;
  }
  .alnca p {
    float: left;
    font-size: 28px;
    color: #3d3d3d;
    margin-top: 16px;
    margin-left: 24px;
  }
  .alnd {
    width: 100%;
    background-image: url(../img/y123.png);
    height: 122px;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 21px;
    padding: 23px 8px 0 8px;
  }
  .alnda {
    width: 23.94%;
    background-color: #fff;
    height: 78px;
    border-radius: 8px;
    margin: 0 0.53%;
    padding: 16px 26px 0 19px;
  }
  .alnda img {
    float: left;
  }
  .alnda p {
    float: left;
    line-height: 46px;
    font-size: 14px;
    color: #3d3d3d;
    margin-left: 8px;
  }
  .alnda h6 {
    float: right;
    line-height: 46px;
    font-family: Arial;
    font-size: 26px;
    color: #e11d11;
    font-weight: 900;
  }
  .alnda img:nth-child(3) {
    float: right;
    margin-top: 4px;
    width: 86px;
  }
  .alne {
    width: 100%;
    margin-top: 69px;
  }
  .alne img {
    margin-left: 9px;
  }
  .alne h2 {
    font-size: 28px;
    color: #3d3d3d;
    line-height: 28px;
    margin-left: 90px;
    margin-left: 90;
    margin-top: 14px;
  }
  .alne p {
    width: 92.25%;
    margin: 0 auto;
    font-size: 12px;
    color: #4c4c4c;
    line-height: 25px;
    margin-top: 52px;
  }
  .alne_t {
    width: 58.166%;
    background-color: #f1f3ff;
    position: relative;
    padding: 40px 50px;
    border-radius: 10px;
    margin: 0 auto;
    margin-top: 93px;
  }
  .alne_ta {
    width: 100%;
  }
  .alne_ta img {
    width: 100%;
  }
  .alne_tb {
    position: absolute;
    right: -68px;
    top: 0;
  }
  .fhlb {
    width: 1200px;
    margin: 0 auto;
    margin-top: 90px;
    height: 62px;
    background-color: #f2f2f2;
    border-radius: 50px;
    padding: 16px 25px 0 25px;
  }
  .fhlb p:nth-child(1) {
    background-image: url(../img/y126.png);
    width: 30%;
    background-repeat: no-repeat;
    background-position: left center;
    line-height: 30px;
    height: 30px;
    padding-left: 45px;
    font-size: 14px;
    color: #646464;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .fhlb p a {
    font-size: 14px;
    color: #646464;
    transition: all ease 0.3s;
  }
  .fhlb p:nth-child(3) {
    background-image: url(../img/y127.png);
    width: 30%;
    background-repeat: no-repeat;
    background-position: right center;
    line-height: 30px;
    height: 30px;
    padding-right: 45px;
    font-size: 14px;
    color: #646464;
    float: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: right;
  }
  .fanhi {
    width: 40%;
  }
  .fanhi h6 {
    width: 126px;
    height: 39px;
    line-height: 39px;
    border-radius: 50px;
    background-color: #fff;
    text-align: center;
    margin: 0 auto;
    box-shadow: 1px 4px 15px 1px rgba(120, 33, 220, 0.16);
    position: relative;
    top: -4px;
  }
  .fanhi h6 a {
    font-size: 14px;
    color: #832dec;
    transition: all ease 0.3s;
  }
  .fanhi:hover h6 a {
    padding-left: 8px;
  }
  .fhlb p:hover a {
    color: #832dec;
  }

  /*合作客户页*/
  .hzkha p {
    text-align: center;
    font-size: 14px;
    color: #3d3d3d;
    line-height: 24px;
  }
  .hzkhb {
    width: 88.194%;
    margin: 0 auto;
    margin-top: 6px;
    margin-bottom: 78px;
  }
  .hzkhb_a {
    width: 19.37%;
    margin: 0 2.815%;
    margin-top: 52px;
  }
  .hzkhb_a img {
    width: 100%;
    border-radius: 10px;
    box-shadow: 1px 1px 20px 1px rgba(120, 33, 220, 0.16);
  }
  .hzkhb_a p {
    text-align: center;
    font-size: 12px;
    color: #82818f;
    line-height: 22px;
    margin-top: 16px;
  }

  /*关于一瞬页*/
  .jjy {
    background-image: url(../img/y72.jpg);
  }
  .gydh {
    padding: 6px 34px;
    margin-bottom: 70px;
  }
  .ysjj {
    width: 100%;
    margin-top: 21px;
    margin-bottom: 68px;
  }
  .ysjja {
    width: 100%;
    background-color: #fff;
    padding-top: 64px;
  }
  .ysjjaa {
    width: 1200px;
    margin: 0 auto;
  }
  .ysjjaa h2 {
    text-align: center;
    font-size: 35.5px;
    color: #e7e3ff;
    font-family: Arial;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 27px;
    margin-top: 47px;
  }
  .ysjjaa h3 {
    font-size: 24px;
    color: #454353;
    text-align: center;
    line-height: 44px;
    letter-spacing: 2px;
  }
  .ysjjaa h4 {
    text-align: center;
    font-size: 18px;
    color: #454353;
    line-height: 30px;
    background-image: url(../img/y136.png);
    background-size: 100% 12px;
    background-repeat: no-repeat;
    background-position: bottom center;
    display: table;
    padding: 0 22px;
    margin: 0 auto;
    margin-top: 55px;
    letter-spacing: 2px;
  }
  .ysjjaa p {
    text-align: center;
    font-size: 14px;
    color: #747474;
    line-height: 26px;
    margin-top: 30px;
  }
  .ysjjaa p span {
    font-weight: bold;
  }
  .ysjjab {
    width: 1200px;
    margin: 0 auto;
    margin-top: 25px;
  }
  .ysjjab_a {
    width: 30.5%;
    background-color: #fff;
    box-shadow: 1px 1px 20px 1px rgba(120, 33, 220, 0.16);
    height: 148px;
    padding: 22px 0;
    margin-top: 37px;
  }
  .ysjjab_a:nth-child(3n + 2) {
    margin: 0 4.25%;
    margin-top: 37px;
  }
  .ysjjab_t {
    width: 40.4%;
    height: 102px;
    border-right: 1px solid #ededed;
    padding-top: 12px;
  }
  .ysjjab_t img {
    width: 79px;
    margin: 0 auto;
  }
  .ysjjab_w {
    width: 59%;
    padding-left: 43px;
    padding-top: 7px;
  }
  .ysjjab_w h2 {
    font-size: 16px;
    color: #3d3d3d;
    line-height: 26px;
  }
  .ysjjab_w p {
    font-size: 14px;
    color: #d2d2d2;
    line-height: 18px;
    text-transform: uppercase;
  }
  .ysjjab_w img {
    margin-top: 16px;
  }
  .ysjjab_a:hover .ysjjab_t img {
    animation: swing 2s infinite;
  }
  .ysjjac {
    width: 100%;
    margin-top: 48px;
  }
  .ysjjac h2 {
    font-size: 18px;
    color: #454353;
    text-align: center;
    line-height: 30px;
    background-image: url(../img/y136.png);
    background-size: 100% 12px;
    background-repeat: no-repeat;
    background-position: bottom center;
    display: table;
    padding: 0 22px;
    margin: 0 auto;
    margin-top: 31px;
    letter-spacing: 2px;
  }
  .ysjjac p {
    font-size: 14px;
    color: #747474;
    line-height: 26px;
    margin-top: 30px;
    text-align: center;
  }
  .ysjjb {
    width: 100%;
    margin-top: 53px;
    background-image: url(../img/y70.jpg);
    height: 552px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 75px;
  }
  .ysjjba {
    width: 1200px;
    margin: 0 auto;
  }
  .ysjjba h2 {
    text-align: right;
    font-size: 18px;
    color: #fffefe;
    line-height: 30px;
    background-image: url(../img/y138.png);
    background-size: 100% 12px;
    background-repeat: no-repeat;
    background-position: bottom center;
    display: inline-block;
    padding: 0 22px;
    float: right;
    letter-spacing: 2px;
  }
  .ysjjba p {
    text-align: right;
    font-size: 14px;
    color: #fff;
    line-height: 26px;
    margin-top: 46px;
    padding-left: 57%;
  }
  .ysjjbb {
    width: 1390px;
    margin: 0 auto;
    margin-top: 91px;
  }
  .ysjjbb_a {
    width: 25%;
  }
  .ysjjbb_a h2 {
    text-align: center;
    font-family: Arial;
    font-size: 36px;
    color: #fff;
    font-weight: 900;
  }
  .ysjjbb_a p {
    text-align: center;
    font-size: 14px;
    color: #b28cff;
    line-height: 14px;
  }
  .ysjjc h2 {
    margin-top: 60px;
  }
  .ysjjca {
    width: 90.69%;
    margin: 0 auto;
    margin-top: 62px;
  }
  .ysjjca img {
    width: 100%;
  }
  .yslc {
    width: 100%;
    margin-top: 108px;
    background-image: url(../img/y141.png);
    background-size: 100% 1px;
    background-repeat: repeat-x;
    background-position: center top 188px;
  }
  .yslc .commen {
    position: relative;
  }
  .yslc_top h2 {
    text-align: center;
    font-size: 35.5px;
    color: #e7e3ff;
    font-family: Arial;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 27px;
    margin-top: 47px;
  }
  .yslc_top p {
    font-size: 24px;
    color: #454353;
    text-align: center;
    line-height: 44px;
    letter-spacing: 2px;
  }
  .yslca {
    width: 82%;
    margin-left: 8%;
    margin-top: 53px;
    overflow: hidden;
  }
  .yslcb {
    width: 10000px;
  }
  .yslcc {
    width: 495px;
  }
  .yslcd {
    width: 94.9%;
    margin-left: 5.1%;
  }
  .yslcd_t {
    margin-top: 28px;
  }
  .yslcd_w {
    width: calc(100% - 78px);
  }
  .yslcd_w h2 {
    color: #bab7ff;
    font-size: 35.5px;
    font-family: Arial;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 39px;
    background-image: url(../img/y140.png);
    background-size: 100% 12px;
    background-repeat: no-repeat;
    background-position: bottom center;
    display: inline-block;
    padding: 0 6px;
  }
  .yslcd_w p {
    font-size: 14px;
    color: #747474;
    line-height: 23px;
    margin-top: 44px;
    height: 46px;
  }
  .yslc_z {
    position: absolute;
    left: 7px;
    top: 156px;
    cursor: pointer;
  }
  .yslc_y {
    position: absolute;
    right: 0px;
    top: 156px;
    cursor: pointer;
  }

  /*企业文化页*/
  .why {
    background-image: url(../img/g55.jpg);
  }
  .qywh {
    width: 100%;
    margin-top: 21px;
    overflow: hidden;
  }
  .qywha {
    width: 100%;
    background-color: #fff;
    padding-top: 64px;
  }
  .qywhaa {
    width: 1200px;
    margin: 0 auto;
  }
  .qywhab {
    margin-top: 110px;
  }
  .qywhab .qywhaba {
    width: 48.7%;
  }
  .qywhab .qywhaba img {
    width: 100%;
  }
  .qywhab .qywhabb {
    width: 42%;
    margin-right: 27px;
  }
  .qywhab .qywhabb h2 {
    font-family: "Arial";
    font-size: 35px;
    color: #e7e3ff;
    font-weight: 900;
    text-align: right;
    line-height: 45px;
    text-transform: uppercase;
  }
  .qywhab .qywhabb h3 {
    font-family: "Arial";
    font-size: 20px;
    color: #454353;
    text-align: right;
    line-height: 28px;
    background-image: url(../img/g04.png);
    background-repeat: no-repeat;
    background-size: 100% 11px;
    background-position: bottom center;
    display: block;
    width: 170px;
    float: right;
    padding-right: 3px;
  }
  .qywhab .qywhabb p {
    text-align: right;
    margin-top: 17px;
    margin-bottom: 51px;
  }
  .qywhab .qywhabb p span {
    font-size: 14px;
    color: #545454;
    padding-left: 50px;
    line-height: 24px;
  }
  .qywhab .qywhabb p span:nth-child(1) {
    padding-left: 0;
  }
  .qywhab1 {
    margin-top: 95px;
  }
  .qywhab1 .qywhaba {
    width: 48.7%;
  }
  .qywhab1 .qywhaba img {
    width: 100%;
  }
  .qywhab1 .qywhabb {
    width: 42%;
    margin-left: 24px;
  }
  .qywhab1 .qywhabb h2 {
    font-family: "Arial";
    font-size: 35px;
    color: #e7e3ff;
    font-weight: 900;
    line-height: 45px;
    text-transform: uppercase;
  }
  .qywhab1 .qywhabb h3 {
    font-family: "Arial";
    font-size: 20px;
    color: #454353;
    line-height: 28px;
    background-image: url(../img/g04.png);
    background-repeat: no-repeat;
    background-size: 100% 11px;
    background-position: bottom center;
    width: 170px;
    padding-left: 3px;
  }
  .qywhab1 .qywhabb p {
    margin-top: 17px;
    margin-bottom: 51px;
  }
  .qywhab1 .qywhabb p span {
    font-size: 14px;
    color: #545454;
    padding-left: 50px;
    line-height: 24px;
  }
  .qywhab1 .qywhabb p span:nth-child(1) {
    padding-left: 0;
  }
  .qywhba {
    width: 1200px;
    margin: 0 auto;
    padding-top: 70px;
  }
  .qywhba > img {
    float: right;
    margin-right: 10px;
  }
  .qywhbaa {
    width: 1674px;
    overflow: hidden;
    margin-top: 30px;
    position: relative;
  }
  .qywhbab {
    width: 10000px;
  }
  .qywhbac {
    width: 558px;
    border-radius: 10px;
    overflow: hidden;
  }
  .qywhbac img {
    width: 93.5%;
  }
  .qywhbb {
    margin-top: 20px;
  }
  .qywhbba,
  .qywhbbb {
    cursor: pointer;
  }
  .qywhbaa::after {
    position: absolute;
    content: "";
    width: 558px;
    height: 100%;
    background-color: #000;
    right: 0;
    top: 0;
    opacity: 0.5;
    border-radius: 10px;
  }

  /*荣誉资质页*/
  .ryy {
    background-image: url(../img/g61.jpg);
  }
  .ryzz {
    width: 100%;
    margin-top: 21px;
  }
  .ryzza {
    width: 100%;
    background-color: #fff;
    padding-top: 64px;
  }
  .ryzzaa {
    width: 1200px;
    margin: 0 auto;
  }
  .ryzzab {
    margin-top: 55px;
  }
  .ryzzac {
    width: 42.75%;
    margin-bottom: 82px;
  }
  .ryzzac:nth-child(2n) {
    margin-right: 12px;
  }
  .ryzzac:nth-child(2n + 1) {
    margin-left: 12px;
  }
  .ryzzad {
    width: 54.5%;
    position: relative;
  }
  .ryzzad img {
    width: 100%;
  }
  .ryzzae {
    width: 54.5%;
    background-color: #f6f7fd;
    height: 374px;
    border: 8px solid #ebeeff;
    margin-top: 18px;
    margin-left: -9%;
    padding: 41px 0 0 61px;
  }
  .ryzzae p {
    font-size: 12px;
    color: #545454;
    line-height: 22px;
    margin-top: 30px;
  }
  .ryzzae p span {
    color: #82818f;
    line-height: 20px;
    margin-top: 20px;
    display: inline-block;
  }
  .ryyema {
    margin-top: 11px;
  }

  /*加入一瞬页*/
  .jrysy {
    background-image: url(../img/y73.jpg);
  }
  .jrys {
    width: 100%;
    background-color: #fff;
    margin-top: 21px;
    padding-top: 64px;
    padding-bottom: 12px;
  }
  .jrys_Pingjia {
    padding-bottom: 76px;
  }
  .jru {
    width: 1200px;
    margin: 0 auto;
  }
  .jruz {
    width: 70.166%;
  }
  .jrub {
    width: 100%;
    margin-top: 28px;
    border-bottom: 3px solid #999999;
  }
  .jrub p {
    line-height: 40px;
    font-size: 14px;
    color: #808080;
    width: 33.333%;
    padding-left: 29px;
    float: left;
  }
  .jruc {
    width: 100%;
  }
  .jrud {
    width: 100%;
    border-top: 1px solid #f4f4f4;
    height: 58px;
    background-image: url(../img/y144.png);
    background-repeat: no-repeat;
    background-position: right 63px center;
    cursor: pointer;
  }
  .jrud p {
    line-height: 58px;
    font-size: 14px;
    color: #4c4c4c;
    width: 33.333%;
    padding-left: 29px;
    float: left;
  }
  .jrue {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 10px;
  }
  .jrue p {
    font-size: 12px;
    color: #797979;
    line-height: 23px;
    padding-left: 29px;
    margin-bottom: 45px;
  }
  .jruda {
    background-color: #f7f7f7;
    background-image: url(../img/y143.png);
  }
  .jruy {
    width: 25.08%;
  }
  .jruya {
    margin-bottom: 37px;
  }
  .jruyb {
    width: 100%;
    height: 128px;
    background-color: #f7f7f7;
    padding: 29px 5px 0 23px;
    margin-top: 13px;
    cursor: pointer;
    transition: all ease 0.3s;
  }
  .jruyb img {
    float: left;
    width: 64px;
  }
  .jruyb p {
    float: left;
    width: calc(100% - 93px);
    padding-left: 28px;
    font-size: 12px;
    color: #777777;
    line-height: 26px;
    margin-top: -4px;
    transition: all ease 0.3s;
  }
  .jruyb p span {
    font-size: 14px;
    color: #3d3d3d;
    transition: all ease 0.3s;
  }
  .jruyb:hover {
    background-color: #832dec;
  }
  .jruyb:hover p {
    color: #fff;
  }
  .jruyb:hover p span {
    color: #fff;
  }
  .jruyb:hover img {
    animation: swing 2s infinite;
  }
  .jruyc {
    width: 100%;
    height: 128px;
    background-color: #f7f7f7;
    padding: 44px 5px 0 36px;
    margin-top: 13px;
    cursor: pointer;
    transition: all ease 0.3s;
  }
  .jruyc img {
    float: left;
  }
  .jruyc p {
    float: left;
    width: calc(100% - 65px);
    padding-left: 30px;
    font-size: 14px;
    color: #777777;
    line-height: 24px;
    margin-top: -6px;
    transition: all ease 0.3s;
  }
  .jruyc p span {
    font-size: 14px;
    color: #ff8d28;
    text-decoration: underline;
  }
  .ysfu {
    width: 100%;
    margin-top: 140px;
  }
  .ysfu_Pingjia {
    margin-top: 50px;
  }
  .ysfu > img {
    width: 345px;
    margin: 0 auto;
  }
  .ysfua {
    width: 100%;
    background-color: #f6f6f6;
    padding: 50px 0;
  }
  .ysfua .ysjjab {
    width: 98%;
    margin: 0 auto;
  }
  .ysfua .ysjjab_a {
    width: 29.17%;
    margin: 8px 2.081%;
    box-shadow: none;
    transition: all ease 0.3s;
  }
  .ysfua .ysjjab_a:hover {
    box-shadow: 1px 1px 20px 1px rgba(120, 33, 220, 0.16);
  }

  /*联系一瞬*/
  .lxys {
    background-image: url(../img/y74.jpg);
  }
  .lxysb {
    width: 100%;
    padding-left: 32px;
  }
  .lxysba {
    margin-top: 46px;
  }
  .lxysba h2 {
    font-size: 30px;
    color: #e7e3ff;
    font-family: Arial;
    font-weight: 900;
    line-height: 24px;
    text-transform: uppercase;
    margin-left: 12px;
  }
  .lxysba p {
    font-size: 14px;
    color: #4b4e77;
    line-height: 24px;
    background-image: url(../img/y55.png);
    background-size: 100% 12px;
    background-repeat: no-repeat;
    background-position: bottom center;
    display: inline-block;
    padding: 0 23px 0 7px;
    margin-top: 5px;
    margin-left: 5px;
  }
  .lxysbb {
    width: 100%;
    margin-top: 10px;
  }
  .lxysbb_a {
    width: 30%;
    margin-top: 12px;
  }
  .lxysbb_a:nth-child(3n + 1) {
    width: 35%;
  }
  .lxysbb_a:nth-child(3n + 2) {
    width: 30%;
  }
  .lxysbb_a:nth-child(3n + 3) {
    width: 35%;
  }
  .lxysbb_a img {
    float: left;
    width: 64px;
  }
  .lxysbb_a p {
    float: left;
    width: calc(100% - 65px);
    padding-left: 30px;
    font-size: 12px;
    color: #82818f;
    line-height: 22px;
    margin-top: 13px;
  }
  .lxysbb_a p span {
    display: block;
    font-size: 14px;
    color: #4b4e77;
  }
  .lxysc {
    width: 95%;
    margin: 0 auto;
    background-color: #f6f7fd;
    border: 8px solid #ebeeff;
    padding: 32px 60px 51px 52px;
    margin-top: 80px;
  }
  .lxysca {
    width: 61.53%;
  }
  .lxyscaa {
    width: 100%;
  }
  .lxyscaa h2 {
    font-size: 68px;
    color: #e7e3ff;
    font-family: Arial;
    font-weight: 900;
    line-height: 45px;
    text-transform: uppercase;
  }
  .lxyscaa p {
    font-size: 12px;
    color: #4b4e77;
    margin-top: -25px;
    padding-left: 3px;
  }
  .lxyscaa p span {
    font-size: 16px;
    color: #4b4e77;
    font-weight: bold;
    line-height: 16px;
    display: inline-block;
    margin-right: 10px;
  }
  .lxysca .lxd {
    width: 100%;
    margin-top: 45px;
  }
  .lxyscb {
    width: 23.65%;
    margin-top: 17px;
  }
  .lxys_ewm {
    width: 100%;
    margin-top: 33px;
  }
  .lxys_ewm img {
    width: 100%;
  }
  .lxyscb p {
    float: left;
    padding-left: 43px;
    font-size: 12px;
    color: #82818f;
    line-height: 42px;
  }
  .lxyscb p:nth-child(1) {
    background-image: url(../img/y161.png);
    background-size: 41px 42px;
    background-position: left center;
    background-repeat: no-repeat;
  }
  .lxyscb p:nth-child(2) {
    background-image: url(../img/y162.png);
    background-size: 41px 42px;
    background-position: left center;
    background-repeat: no-repeat;
    margin-left: 20px;
  }
  .lxysd {
    margin-top: 86px;
    width: 100%;
    margin-bottom: -50px;
  }
  .ditu {
    width: 95%;
    margin: 0 auto;
    margin-top: 43px;
    border: 8px solid #f7f7f7;
  }
  .lxysdb {
    width: 95%;
    margin: 0 auto;
    margin-top: 32px;
  }
  .lxysdba:nth-child(1) {
    width: 47%;
  }
  .lxysdba:nth-child(2) {
    width: 34%;
  }
  .lxysdba:nth-child(2) h2 {
    color: #ad7ae1;
  }
  .lxysdba:nth-child(3) h2 {
    color: #1a90ff;
  }
  .lxysdba:nth-child(3) {
    width: 19%;
  }
  .lxysdba h2 {
    font-size: 14px;
    color: #45c993;
    font-weight: bold;
    line-height: 24px;
  }
  .lxysdba p {
    font-size: 12px;
    color: #82818f;
    line-height: 21px;
    width: 68%;
    margin-top: 10px;
  }

  /*新闻列表页*/
  .xwly {
    background-image: url(../img/y75.jpg);
  }
  .xwla {
    display: table;
    margin: 0 auto;
  }
  .xwla_p {
    width: 126px;
    height: 40px;
    line-height: 40px;
    background-color: #fff;
    border-radius: 50px;
    text-align: center;
    margin: 0 20px;
    transition: all ease 0.3s;
    background-image: url(../img/y190.png);
    background-size: 0% 0%;
    background-repeat: no-repeat;
    background-position: center;
  }
  .xwla_p a {
    font-size: 14px;
    color: #4c4c4c;
    transition: all ease 0.3s;
  }
  .xwla_pa {
    box-shadow: 1px 5px 12px 1px rgba(120, 33, 220, 0.16);
    background-size: 100% 100%;
  }
  .xwla_pa a {
    color: #fff;
  }
  .xwla_p:hover {
    box-shadow: 1px 5px 12px 1px rgba(120, 33, 220, 0.16);
    background-size: 100% 100%;
  }
  .xwla_p:hover a {
    color: #fff;
  }
  .xwlb {
    width: 100%;
    margin-top: 42px;
  }
  .xwlc {
    width: 100%;
    padding: 45px 56px 48px 57px;
    transition: all ease 0.3s;
  }
  .xwlc_a {
    width: 8.66%;
    padding-top: 15px;
  }
  .xwlc_a h2 {
    font-family: Arial;
    font-size: 38px;
    color: #999999;
    line-height: 27px;
    font-weight: 900;
    transition: all ease 0.3s;
  }
  .xwlc_a .tjzxb_xt {
    width: 17px;
    height: 1px;
    background-color: #eeeeee;
    margin-top: 16px;
  }
  .xwlc_a p {
    font-size: 12px;
    color: #636363;
    line-height: 12px;
    margin-top: 18px;
    transition: all ease 0.3s;
  }
  .xwlc_w {
    width: 80%;
    padding-left: 55px;
    padding-top: 7px;
    border-left: 1px solid #e7e7e7;
    padding-bottom: 9px;
  }
  .xwlc_w h2 {
    font-size: 16px;
    color: #3d3d3d;
    line-height: 26px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .xwlc_w p {
    font-size: 12px;
    color: #797979;
    line-height: 22px;
    margin-top: 16px;
    height: 44px;
    overflow: hidden;
  }
  .xwlc_m {
    position: relative;
    width: 37px;
    height: 10px;
    margin-top: 45px;
    overflow: hidden;
  }
  .xwlc_m img {
    width: 100%;
    transition: all ease 0.3s;
  }
  .xwlc_m img:nth-child(2) {
    position: absolute;
    left: 0;
    top: 20px;
  }
  .xwlc_m img:nth-child(1) {
    position: absolute;
    left: 0;
    top: 0px;
  }
  .xwlc:hover {
    box-shadow: 1px 1px 20px 1px rgba(120, 33, 220, 0.16);
  }
  .xwlc:hover .xwlc_a h2 {
    color: #832dec;
  }
  .xwlc:hover .xwlc_a p {
    color: #832dec;
  }
  .xwlc:hover .xwlc_m img:nth-child(1) {
    top: -20px;
  }
  .xwlc:hover .xwlc_m img:nth-child(2) {
    top: 0;
  }

  /*新闻内页*/
  .xwln {
    width: 100%;
    margin-top: 54px;
    margin-bottom: -65px;
  }
  .xwna {
    width: 70.166%;
  }
  .xwnb {
    width: 100%;
    margin-top: 29px;
  }
  .xwnba {
    width: 100%;
    margin-bottom: 45px;
  }
  .xwnba h1 {
    width: 100%;
    height: 60px;
    line-height: 60px;
    position: relative;
    font-size: 18px;
    color: #3d3d3d;
    background-color: #f7f7f7;
    padding-left: 22px;
  }
  .xwnba h1::after {
    position: absolute;
    content: "";
    width: 2px;
    height: 34px;
    background-color: #9742ff;
    left: 0;
    top: 13px;
  }
  .xwnba p {
    font-size: 12px;
    color: #909090;
    line-height: 22px;
    padding-left: 17px;
    margin-top: 14px;
  }
  .xwnba p span:nth-child(1) {
    background-image: url(../img/y167.png);
    background-position: left center;
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 65px;
    padding-left: 23px;
  }
  .xwnba p span:nth-child(2) {
    background-image: url(../img/y168.png);
    background-position: left center;
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 65px;
    padding-left: 23px;
  }
  .xwnba p span:nth-child(3) {
    background-image: url(../img/y169.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 23px;
  }
  .xwnc {
    width: 100%;
    margin-top: 10px;
  }
  .xwnc p {
    width: 92.63%;
    margin: 0 auto;
    font-size: 14px;
    color: #797979;
    line-height: 26px;
  }
  .xwnc p a {
    font-size: 14px;
  }
  .xwnc img {
    display: block;
    margin: 30px auto;
    max-width: 92%;
  }
  .guan_xw {
    margin-top: 50px;
    font-size: 12px;
    display: block;
    color: #797979;
    line-height: 22px;
  }
  .guan_xw a {
    color: #a3a3a3;
    transition: all ease 0.3s;
  }
  .guan_xw a:hover {
    color: #832dec;
  }
  .xwna .fhlb {
    width: 100%;
    margin-top: 40px;
  }
  .xwny {
    width: 25%;
  }
  .xwnya {
    margin-bottom: 27px;
  }
  .xwnyba {
    width: 100%;
    background-color: #f7f7f7;
    padding: 21px 25px 21px 29px;
    transition: all ease 0.3s;
    margin-bottom: 13px;
  }
  .xwnyba .tjzxb_a {
    width: 30%;
  }
  .xwnyba .tjzxb_a h2 {
    font-size: 30px;
    line-height: 22px;
  }
  .xwnyba .tjzxb_b {
    padding-left: 27px;
    width: 70%;
  }
  .xwnyba .tjzxb_b p {
    font-size: 14px;
    line-height: 24px;
    height: 48px;
  }
  .xwnyba .tjzxb_b img {
    margin-top: 12px;
  }
  .xwnyba:hover {
    background-color: #832dec;
  }
  .xwnyba:hover h2 {
    color: #fff;
  }
  .xwnyba:hover p {
    color: #fff;
  }

  /*验证码*/
  .drag {
    width: 100%;
    height: 52px;
    line-height: 52px;
    background-color: #fff;
    position: relative;
    margin: 0 auto;
    border-radius: 10px;
    overflow: hidden;
  }
  .bg {
    width: 50px;
    height: 100%;
    position: absolute;
    background-color: #e4d9f6;
  }
  .text {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    user-select: none;
  }
  .btn {
    width: 50px;
    height: 52px;
    position: absolute;
    cursor: move;
    text-align: center;
    background-color: #b343ee;
    user-select: none;
    color: #fff;
  }

  /*新增板块*/
  .bk {
    width: 100%;
    background-color: #f8f8f8;
    padding: 50px 0 57px 0;
    margin-top: 60px;
  }
  .bkx {
    margin-top: -52px;
  }
  .bk1 {
    width: 28.4%;
  }
  .bk1 h5 {
    font-size: 18px;
    color: #3d3d3d;
    font-weight: bold;
    line-height: 28px;
    letter-spacing: 1px;
  }
  .bk1a {
    width: 100%;
    position: relative;
  }
  .bk1a > img {
    width: 63.23%;
    float: left;
  }
  .bk1a p {
    float: right;
    font-size: 12px;
    color: #a338f6;
    margin-top: -9px;
    cursor: pointer;
  }
  .bk1a p img {
    display: inline-block;
    margin-right: 6px;
    position: relative;
    top: 3px;
  }
  .bk1a::after {
    position: absolute;
    content: "";
    width: 35%;
    height: 1px;
    background-color: #e6e6e6;
    bottom: 11px;
    right: 0;
  }
  #container {
    width: 100%;
    margin-top: 17px;
  }
  #container a {
    font-size: 12px;
    color: #797979;
    line-height: 25px;
    display: inline-block;
    background-color: #fff;
    border-radius: 30px;
    padding: 0 14px;
    margin-top: 14px;
    box-shadow: 1px 4px 16px 0px rgba(94, 30, 203, 0.2);
    margin-right: 2px;
    transition: all ease 0.3s;
  }
  #container a:hover {
    background-color: #5e3dd9;
    color: #fff;
  }
  .bk2 {
    width: 43.472%;
    margin-left: 3.68%;
  }
  .bk2 h5 {
    font-size: 18px;
    color: #3d3d3d;
    font-weight: bold;
    line-height: 28px;
    letter-spacing: 1px;
  }
  .bk2 h5 a {
    font-size: 18px;
    color: #3d3d3d;
    font-weight: bold;
  }
  .bk2a {
    width: 100%;
    position: relative;
  }
  .bk2a img {
    width: 41.85%;
    float: left;
  }
  .bk2a p {
    float: right;
    margin-top: -8px;
  }
  .bk2a p a {
    font-size: 12px;
    color: #767676;
    line-height: 22px;
    text-transform: uppercase;
    transition: all ease 0.3s;
  }
  .bk2a p a:hover {
    color: #5e3dd9;
  }
  .bk2a::after {
    position: absolute;
    content: "";
    width: 57%;
    height: 1px;
    background-color: #e6e6e6;
    bottom: 11px;
    right: 0;
  }
  .bk2b {
    width: 107%;
    margin-top: 29px;
    margin-left: -2%;
  }
  .bk2b p {
    width: 100px;
    line-height: 25px;
    display: inline-block;
    background-color: #fff;
    border-radius: 30px;
    text-align: center;
    box-shadow: 1px 4px 18px 0px rgba(94, 30, 203, 0.2);
    margin: 0 16px;
    transition: all ease 0.3s;
    float: left;
  }
  .bk2b p a {
    font-size: 14px;
    color: #3e3e3e;
    transition: all ease 0.3s;
  }
  .bk2b p.a {
    background-color: #5e3dd9;
  }
  .bk2b p.a a {
    color: #fff;
  }
  .bk2b p:hover {
    background-color: #5e3dd9;
  }
  .bk2b p:hover a {
    color: #fff;
  }
  .bk2c {
    width: 100%;
    margin-top: 22px;
  }
  .bk2c p {
    width: 47.92%;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 22px;
    border-bottom: 1px dashed #dcdcdc;
    padding: 15px 18px 10px 8px;
  }
  .bk2c p a {
    font-size: 12px;
    transition: all ease 0.3s;
    color: #797979;
  }
  .bk2c p a span {
    font-size: 14px;
    color: #832dec;
    font-weight: bold;
    font-family: Arial;
    margin-right: 21px;
  }
  .bk2c p:nth-child(2n) {
    float: right;
  }
  .bk2c p:nth-child(1) {
    border-top: 1px dashed #dcdcdc;
  }
  .bk2c p:nth-child(2) {
    border-top: 1px dashed #dcdcdc;
  }
  .bk2c p:hover a {
    color: #7734e9;
  }
  .bk3 {
    width: 20.138%;
  }
  .bk3 h5 {
    font-size: 18px;
    color: #3d3d3d;
    font-weight: bold;
    line-height: 28px;
    letter-spacing: 1px;
  }
  .bk3 h5 a {
    font-size: 18px;
    color: #3d3d3d;
    font-weight: bold;
  }
  .bk3a {
    width: 100%;
    position: relative;
  }
  .bk3a img {
    width: 34.48%;
    float: left;
  }
  .bk3a p {
    float: right;
    margin-top: -8px;
  }
  .bk3a p a {
    font-size: 12px;
    color: #767676;
    line-height: 22px;
    text-transform: uppercase;
    transition: all ease 0.3s;
  }
  .bk3a p a:hover {
    color: #5e3dd9;
  }
  .bk3a::after {
    position: absolute;
    content: "";
    width: 63%;
    height: 1px;
    background-color: #e6e6e6;
    bottom: 11px;
    right: 0;
  }
  .bk3b {
    width: 100%;
    height: 188px;
    overflow: hidden;
    margin-top: 30px;
  }
  .bk3b p {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 20px;
    margin-top: 8px;
    transition: all ease 0.3s;
  }
  .bk3b p a {
    font-size: 12px;
    color: #797979;
  }
  .bk3b p img {
    display: inline-block;
    margin-right: 8px;
    position: relative;
    top: 6px;
  }
  .bk3b p:hover a {
    color: #5e3dd9;
  }

  .xwl1 {
    width: 50%;
    padding: 20px 42px;
    transition: all ease 0.3s;
    float: left;
  }
  .xwl1:hover {
    box-shadow: 1px 1px 20px 1px rgba(120, 33, 220, 0.16);
  }
  .xwl1 p {
    font-size: 16px;
    color: #3d3d3d;
    line-height: 26px;
    width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
  }
  .xwl1 p a {
    font-size: 16px;
    color: #3d3d3d;
  }
  .xwl1 p span {
    color: #832dec;
    margin-right: 10px;
    display: inline-block;
  }
  .xwl1 p span a {
    color: #832dec;
  }
  .xwl1 p b {
    color: #3d3d3d;
  }
  .xwl1 h6 {
    font-family: Arial;
    font-size: 14px;
    color: #999999;
    line-height: 26px;
    transition: all ease 0.3s;
    float: right;
  }

  /*app开发页*/
  .navbx {
    width: 130px;
    left: 50%;
    margin-left: -65px;
  }
  .app {
    width: 100%;
    background-image: url(../img/z1.jpg);
    background-repeat: no-repeat;
    background-size: 1920px auto;
    background-position: center top;
    overflow: hidden;
  }
  .appa {
    width: 100%;
    padding-top: 47px;
  }
  .appa .wlyxb {
    margin-top: 124px;
  }
  .appa .aldh {
    margin-top: 37px;
  }
  .appa .aldh {
    padding: 6px 48px 0 48px;
  }
  .appa .aldh p {
    min-width: 119px;
    padding: 0 18px;
    width: auto;
  }
  .appa .mbxa {
    margin-top: 105px;
  }
  .appy {
    width: 100%;
    margin-top: 100px;
  }
  .appyat {
    width: 31.615%;
  }
  .appyat img {
    width: 100%;
  }
  .appyat img:hover {
    width: 100%;
  }
  .appyaw {
    width: 58.495%;
    margin-right: 2.994%;
    margin-top: 7px;
  }
  .appy_bt h5 {
    font-family: Arial;
    font-size: 85px;
    font-weight: 900;
    color: #e7e3ff;
    text-transform: uppercase;
    line-height: 67px;
  }
  .appy_bt h6 {
    font-size: 24px;
    color: #414140;
    font-weight: bold;
    line-height: 24px;
    margin-top: -5px;
    letter-spacing: 2px;
    position: relative;
  }
  .appy_bt p {
    font-size: 16px;
    color: #868686;
    line-height: 24px;
    margin-top: 18px;
  }
  .appyawa {
    width: 100%;
    margin-top: 43px;
  }
  .appyawa_a {
    width: 16.666%;
    border: 1px solid #d6d8fe;
    height: 62px;
    transition: all ease 0.3s;
    background-image: url(../img/z3.png);
    background-size: 0;
    position: relative;
    background-repeat: no-repeat;
    margin-right: -1px;
    margin-bottom: -1px;
  }
  .appyawa_a a {
    display: block;
  }
  .appyawa_a h6 {
    text-align: center;
    font-size: 16px;
    color: #414140;
    letter-spacing: 2px;
  }
  .appyawa_a h6 img {
    display: inline-block;
    position: relative;
    top: 14px;
    margin-right: 12px;
  }
  .appyawa_a p {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    text-align: center;
    font-size: 14px;
    line-height: 19px;
    padding-top: 13px;
    color: #fff;
    opacity: 0;
    transition: all ease 0.3s;
  }
  .appyawa_a p span {
    display: block;
    font-weight: bold;
    color: #fdad00;
    text-decoration: underline;
  }
  .appyawa_a:hover {
    background-size: 100% 100%;
  }
  .appyawa_a:hover h6 {
    opacity: 0;
  }
  .appyawa_a:hover p {
    opacity: 1;
  }
  .appyawa_b {
    width: 49.81%;
    border: 1px solid #d6d8fe;
    height: 62px;
    padding: 14px 0 0 25px;
  }
  .appyawa_b p {
    width: 166px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    background-image: url(../img/z25.png);
    background-size: 100%;
    position: relative;
    border-radius: 100px;
    transition: all ease 0.3s;
    box-shadow: 4px 4px 13px 0 rgba(94, 30, 203, 0.2);
  }
  .appyawa_b p a {
    font-size: 14px;
    color: #fff;
    display: block;
  }
  .appyawa_b p:hover {
    transform: translateX(5px);
  }
  .appyb {
    width: 100%;
    margin-top: 36px;
    background-image: url(../img/z3.jpg);
    background-repeat: no-repeat;
    background-size: 1920px 753px;
    height: 753px;
    background-position: center;
    padding-top: 76px;
  }
  .appyb .appy_bt {
    width: 92.827%;
    margin: 0 auto;
  }
  .appyb .appy_bt h5 {
    color: #cbc5f0;
    opacity: 0.5;
    margin-bottom: -11px;
  }
  .appyb .appy_bt p.fr {
    margin-top: -19px;
    margin-right: 6px;
  }
  .appyba {
    width: 96.727%;
    margin: 0 auto;
  }
  .appybb {
    width: 29.229%;
    margin: 0 2.0521%;
    height: 180px;
    background-color: #fff;
    border-radius: 15px;
    margin-top: 46px;
    border: 1px solid #f2f1ff;
    padding-top: 47px;
    box-shadow: 4px 4px 30px 0 rgba(177, 183, 243, 0.4);
  }
  .appybb_a {
    width: 4px;
    height: 70px;
    background-color: #9587ee;
  }
  .appybb img {
    float: left;
    width: 67px;
    margin-left: 11.33%;
    margin-top: 3px;
    transition: all ease 0.3s;
  }
  .appybb p {
    float: left;
    font-size: 16px;
    color: #868686;
    line-height: 24px;
    margin-left: 9.11%;
  }
  .appybb p span {
    display: block;
    font-size: 24px;
    color: #454353;
    font-weight: bold;
    margin-bottom: 13px;
  }
  .appybb:hover img {
    transform: rotate(10deg);
  }
  .appyb_m {
    width: 260px;
    height: 50px;
    line-height: 50px;
    margin: 0 auto;
    margin-top: 43px;
    text-align: center;
    background-color: #6f55eb;
    border-radius: 50px;
    transition: all ease 0.3s;
    box-shadow: 5px 5px 20px 0 rgba(69, 117, 220, 0.3);
  }
  .appyb_m a {
    font-size: 18px;
    color: #fff;
    display: block;
  }
  .appyb_m:hover {
    transform: translateY(-6px);
  }
  .appyc {
    width: 91.92%;
    margin: 0 auto;
    margin-top: 60px;
    padding-bottom: 79px;
  }
  .appyc h5 {
    font-size: 24px;
    color: #414140;
    font-weight: bold;
    line-height: 26px;
    letter-spacing: 2px;
  }
  .appyca {
    width: 100%;
    margin-top: 5px;
  }
  .appyca_a {
    width: 50%;
    margin-top: 29px;
  }
  .appyca_a h6 {
    width: 155px;
    height: 33px;
    text-align: center;
    line-height: 22px;
    font-size: 22px;
    color: #454353;
    background-image: url(../img/z33.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 155px 30px;
    float: left;
  }
  .appyca_a p {
    float: left;
    font-size: 14px;
    color: #868686;
    line-height: 24px;
    margin-top: 6px;
    margin-left: 20px;
  }
  .appyca_a p span {
    color: #9587ee;
  }
  .appyca_b {
    width: 50%;
    margin-top: 27px;
  }
  .appyca_b img {
    width: 951px;
  }
  .appyc .appyb_m {
    margin: 0;
    margin-top: 51px;
  }
  .appyd {
    width: 100%;
    background-image: url(../img/z4.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 784px;
    padding-top: 100px;
  }
  .appyd .appy_bt h6 {
    margin-top: -22px;
  }
  .appyda {
    width: 98.607%;
    margin: 0 auto;
    margin-top: 60px;
    overflow: hidden;
  }
  .appydd {
    width: 94.35%;
    margin: 0 auto;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
  }
  .appydd_t {
    width: 100%;
    overflow: hidden;
  }
  .appydd_t img {
    width: 100%;
    transition: all ease 0.3s;
  }
  .appydd:hover .appydd_t img {
    transform: scale(1.05);
  }
  .appydd_w {
    width: 100%;
    background-color: #fff;
    height: 90px;
    padding: 0 40px 0 34px;
    overflow: hidden;
  }
  .appydd_w h6 {
    float: left;
    font-size: 93.5px;
    color: #7546cf;
    opacity: 0.4;
    font-family: Arial;
    font-weight: 900;
    font-style: italic;
    line-height: 75px;
    margin-top: 24px;
  }
  .appydd_w p {
    float: right;
    font-size: 20px;
    color: #333333;
    line-height: 20px;
    letter-spacing: 2px;
    font-weight: bold;
    margin-top: 34px;
  }
  .appydd_a {
    position: absolute;
    width: 90.42%;
    left: 4.79%;
    height: 89.86%;
    top: 5.07%;
    background-color: rgba(101, 51, 206, 0.9);
    padding: 52px 39px 0 21px;
    border-radius: 20px;
    transform: rotateY(-90deg);
    opacity: 0;
    transition: all ease 0.3s;
  }
  .appydd_a h6 {
    font-size: 20px;
    color: #fff;
    line-height: 20px;
    font-weight: bold;
    letter-spacing: 2px;
  }
  .appydd_a p {
    font-size: 14px;
    color: #fff;
    line-height: 24px;
    margin-top: 15px;
    height: 120px;
    overflow: hidden;
  }
  .appydd_m {
    width: 150px;
    height: 37px;
    line-height: 37px;
    text-align: center;
    margin-top: 19px;
    background-image: url(../img/z34.png);
    background-repeat: no-repeat;
    background-size: 100%;
    transition: all ease 0.3s;
    box-shadow: 2px 2px 25px 0 #4575dc;
    border-radius: 30px;
  }
  .appydd_m a {
    font-size: 16px;
    color: #fff;
    display: block;
  }
  .appydd_m:hover {
    transform: scale(0.95);
  }
  .appydd_a h5 {
    position: absolute;
    right: 13px;
    bottom: 0;
    font-size: 60px;
    color: #fff;
    opacity: 0.15;
    font-family: Arial;
    line-height: 50px;
    font-weight: 900;
  }
  .appydd:hover .appydd_a {
    transform: rotateY(0deg);
    opacity: 1;
  }
  .appydx {
    display: table;
    margin: 0 auto;
    margin-top: 51px;
  }
  .appydx > img {
    width: 44px;
    cursor: pointer;
    margin-top: 23px;
  }
  .appydx_m {
    width: 287px;
    margin: 0 4px 0 12px;
  }
  .appydx_m img {
    width: 100%;
  }
  .appye {
    margin-top: 72px;
  }
  .appye .appy_bt h6 {
    margin-top: -18px;
  }
  .appyea {
    width: 95.264%;
    margin-left: 3.83%;
    margin-top: -26px;
  }
  .appyeb {
    width: 26.754%;
  }
  .appyeb_a {
    width: 100%;
    background-image: url(../img/z38.png);
    height: 261px;
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 59px 60px 0 70px;
  }
  .appyeb_a h6 {
    font-size: 16px;
    color: #c2b7ff;
    line-height: 12px;
    text-transform: uppercase;
  }
  .appyeb_a p {
    font-size: 18px;
    color: #454353;
    line-height: 30px;
    margin-top: 10px;
  }
  .appyeb_a img {
    float: right;
    margin-top: 24px;
    margin-right: 10px;
  }
  .appyeb_b {
    background-image: url(../img/z39.png);
    padding-top: 90px;
  }
  .appyec {
    width: 42.397%;
    margin-top: 93px;
  }
  .appyec img {
    width: 100%;
  }
  .appyed {
    width: 29.97%;
  }
  .appyeb_c {
    background-image: url(../img/z40.png);
    padding: 59px 85px 0 90px;
  }
  .appyeb_d {
    background-image: url(../img/z41.png);
    padding: 93px 85px 0 90px;
  }
  .appye_m {
    width: 259px;
    height: 50px;
    line-height: 50px;
    margin: 0 auto;
    text-align: center;
    background-image: url(../img/z43.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-top: -4px;
    transition: all ease 0.3s;
  }
  .appye_m a {
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    display: block;
  }
  .appye_m:hover {
    transform: scale(0.95);
  }
  .appyf {
    width: 100%;
    background-color: #f8f8f8;
    padding: 64px 0 79px 0;
    margin-top: 64px;
  }
  .appyfa {
    width: 90.947%;
    margin: 0 auto;
    margin-top: 48px;
    padding-left: 9px;
    background-image: url(../img/z46.png);
    background-repeat: no-repeat;
    background-size: 100% 5px;
    background-position: left top 65px;
  }
  .appyfa_a {
    width: 10%;
  }
  .appyfa_a p {
    font-size: 18px;
    color: #454353;
    line-height: 18px;
    width: 120%;
  }
  .appyfa_a p span {
    font-size: 20px;
    color: #3a30e5;
    font-weight: bold;
    margin-right: 4px;
  }
  .appyfa_a img.t1 {
    margin-top: 6px;
    width: 5px;
    margin-left: 10px;
  }
  .appyfa_a img.t2 {
    margin-top: 2px;
    width: 26px;
  }
  .appyfa_aa {
    margin-top: 55px;
  }
  .appyfa_aa img.t2 {
    margin-top: 0px;
  }
  .appyfa_aa p {
    margin-top: 9px;
  }
  .appyg {
    margin-top: 64px;
    padding-bottom: 83px;
  }
  .appyg .appy_bt h6 {
    margin-top: -18px;
  }
  .appyga {
    width: 98.05%;
    margin: 0 auto;
    margin-top: 4px;
  }
  .appygb {
    width: 22.585%;
    margin: 0 1.2075%;
    height: 253px;
    border: 1px solid #f2f1ff;
    border-radius: 20px;
    margin-top: 35px;
    box-shadow: 5px 5px 0 0 #fff0b3;
    padding: 0 22px;
  }
  .appygb span {
    width: 80px;
    height: 4px;
    background-color: #9587ee;
    position: relative;
    top: -1px;
    display: block;
    margin: 0 auto;
  }
  .appygb img {
    width: 79px;
    margin: 0 auto;
    margin-top: 40px;
    transition: all ease 0.3s;
  }
  .appygb h6 {
    text-align: center;
    font-size: 20px;
    color: #3a30e5;
    line-height: 20px;
    margin-top: 29px;
  }
  .appygb p {
    text-align: center;
    font-size: 14px;
    color: #868686;
    line-height: 24px;
    margin-top: 14px;
  }
  .appygb_a {
    margin-left: 14%;
  }
  .appygb_b {
    margin-left: 26.5%;
  }
  .appygb:hover img {
    transform: rotateY(180deg);
  }
  .appyh {
    height: 340px;
    padding-top: 95px;
  }

  /*小程序开发页*/
  .xcxaa {
    width: 100%;
  }
  .xcxab {
    width: 37.186%;
  }
  .xcxab_a {
    width: 100%;
    background-image: url(../img/z56.png);
    height: 185px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    padding: 57px 114px 0 74px;
    transition: all ease 0.3s;
  }
  .xcxab_a h6 {
    font-size: 20px;
    color: #3a30e5;
    font-weight: bold;
    line-height: 20px;
  }
  .xcxab_a p {
    font-size: 14px;
    color: #868686;
    line-height: 18px;
    margin-top: 12px;
  }
  .xcxac {
    width: 27.506%;
    margin-top: 60px;
    margin-left: -1.878%;
  }
  .xcxac img {
    width: 100%;
  }
  .xcxab_b {
    background-image: url(../img/z58.png);
  }
  .xcxab_c {
    background-image: url(../img/z57.png);
  }
  .xcxab_d {
    background-image: url(../img/z59.png);
  }
  .xcxa .appye_m {
    margin-top: 5px;
  }
  .xcxb {
    width: 100%;
    background-image: url(../img/z17.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 90px 0 73px;
    margin-top: 96px;
  }
  .xcxba {
    width: 98.607%;
    margin: 0 auto;
    margin-top: 36px;
  }
  .xcxbb {
    width: 23.587%;
    margin: 0 0.7065%;
    margin-top: 23px;
    border-radius: 20px;
    overflow: hidden;
  }
  .xcxbb:hover .appydd_t img {
    transform: scale(1.05);
  }

  /*微信公众平台开发页*/
  .weixaa {
    width: 90.389%;
    margin: 0 auto;
    margin-top: 22px;
  }
  .weixab {
    width: 28.1%;
  }
  .weixab_a {
    width: 100%;
    margin-top: 41px;
  }
  .weixab_a h6 {
    background-image: url(../img/z60.png);
    width: 173px;
    height: 34px;
    background-repeat: no-repeat;
    background-size: 100% 30px;
    background-position: center bottom;
    font-size: 20px;
    color: #3a30e5;
    font-weight: bold;
    line-height: 20px;
    padding-left: 8px;
  }
  .weixab_a p {
    font-size: 14px;
    color: #868686;
    line-height: 18px;
    padding-left: 8px;
    margin-top: 15px;
    height: 54px;
  }
  .weixab_a img {
    width: 124%;
    margin-top: -20px;
    margin-left: -4%;
  }
  .weixac {
    width: 30.431%;
    margin-left: 6.6845%;
    margin-top: 27px;
  }
  .weixac img {
    width: 100%;
  }
  .weixa .appye_m {
    margin-top: 0;
  }
  .weixb {
    width: 100%;
    margin-top: 83px;
  }
  .weixba {
    width: 100%;
    margin-top: -40px;
  }
  .weixba img {
    position: relative;
    width: 1920px;
    left: 50%;
    margin-left: -960px;
    z-index: -1;
  }
  .weixbb {
    width: 94.15%;
    margin: 0 auto;
    margin-top: 39px;
  }
  .weixbb_a {
    width: 12.5%;
  }
  .weixbb_a img {
    width: 88px;
    margin: 0 auto;
    border-radius: 50%;
    transition: all ease 0.3s;
  }
  .weixbb_a h6 {
    text-align: center;
    font-size: 16px;
    color: #333333;
    font-weight: bold;
    line-height: 16px;
    margin-top: 17px;
  }
  .weixbb_a p {
    text-align: center;
    font-size: 14px;
    color: #868686;
    line-height: 18px;
    margin-top: 9px;
    height: 73px;
  }
  .weixbb_a:hover img {
    transform: rotate(15deg);
  }
  .weixc {
    width: 100%;
    background-color: #f8f8ff;
    margin-top: 52px;
    padding: 55px 0 65px;
  }

  /*抖音代运营页*/
  .xmt {
    width: 100%;
    background-image: url(../img/z32.jpg);
    background-repeat: no-repeat;
    background-size: 1920px auto;
    background-position: center top;
    overflow: hidden;
  }
  .xmta {
    width: 100%;
    padding-top: 47px;
  }
  .xmta .wlyxb {
    margin-top: 125px;
  }
  .xmta .wlyxb h6 {
    text-align: center;
    font-size: 16px;
    color: #fff;
    line-height: 24px;
    margin-top: 28px;
    letter-spacing: 1px;
  }
  .xmta .aldh {
    margin-top: 42px;
  }
  .xmta .aldh p {
    min-width: 166px;
    padding: 0 20px;
  }
  .xmta .mbxa {
    margin-top: -340px;
  }
  .xmtya {
    margin-top: 100px;
  }
  .xmtya img {
    width: 55.849%;
    margin: 0 auto;
  }
  .xmtyb {
    margin-top: 320px;
  }
  .xmtyb .appy_bt h6 {
    margin-top: -22px;
  }
  .xmtyba {
    width: 98.885%;
    margin: 0 auto;
    margin-top: 54px;
  }
  .xmtybb {
    width: 21.9%;
    margin: 0 1.55%;
    height: 324px;
    border: 1px solid #f2f1ff;
    border-radius: 20px;
    box-shadow: 5px 6px 30px 0 rgba(177, 183, 243, 0.3);
  }
  .xmtybb span {
    width: 80px;
    height: 4px;
    display: block;
    background-color: #9587ee;
    position: relative;
    top: -1px;
    margin: 0 auto;
  }
  .xmtybb img {
    width: 79px;
    margin: 0 auto;
    margin-top: 39px;
  }
  .xmtybb h6 {
    text-align: center;
    font-size: 24px;
    color: #454353;
    font-weight: bold;
    line-height: 28px;
    margin-top: 34px;
  }
  .xmtybb p {
    text-align: center;
    font-size: 16px;
    color: #868686;
    line-height: 24px;
    margin-top: 18px;
    padding: 0 22px;
  }
  .xmtyc {
    width: 100%;
    margin-top: 83px;
  }
  .xmtyd {
    width: 100%;
    background-image: url(../img/z33.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 138px 0;
    margin-top: 3px;
  }
  .xmtyda {
    width: 100%;
  }
  .xmtydb {
    width: 22.841%;
    margin: 0 1.0795%;
    overflow: hidden;
    position: relative;
    border-radius: 5px;
  }
  .xmtydb:nth-child(2n) {
    margin-top: 50px;
  }
  .xmtydb img {
    width: 100%;
    transition: all ease 0.3s;
  }
  .xmtydb_w {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: rgba(82, 60, 192, 0.7);
    padding: 30px 5px 29px 31px;
  }
  .xmtydb_w h6 {
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    line-height: 24px;
  }
  .xmtydb_w p {
    margin-top: 12px;
    font-size: 16px;
    color: #fff;
    line-height: 24px;
  }
  .xmtydb:hover img {
    transform: scale(1.05);
  }
  .xmtye {
    margin-top: 32px;
    margin-bottom: 65px;
  }
  .xmtyea {
    width: 89.763%;
    margin: 0 auto;
    margin-top: 46px;
  }
  .xmtyeb {
    width: 30.64%;
    padding: 46px 10px 0 50px;
    height: 340px;
  }
  .xmtyeb h5 {
    width: 227px;
    height: 37px;
    background-image: url(../img/z91.png);
    background-repeat: no-repeat;
    background-size: 100% 30px;
    background-position: center bottom;
    padding-left: 27px;
    font-size: 24px;
    color: #454353;
    line-height: 24px;
    letter-spacing: 1px;
  }
  .xmtyeb h6 {
    font-size: 14px;
    color: #9587ee;
    font-weight: bold;
    line-height: 14px;
    margin-top: 36px;
    margin-left: 11px;
    margin-bottom: -14px;
  }
  .xmtyeb_a {
    padding-left: 24px;
    width: 92%;
    margin-top: 17px;
  }
  .xmtyeb_a p {
    font-size: 14px;
    color: #868686;
    line-height: 24px;
    margin-top: 14px;
    position: relative;
    float: left;
    width: 50%;
  }
  .xmtyeb_a p::after {
    content: "";
    position: absolute;
    left: -12px;
    top: 8px;
    width: 7px;
    height: 7px;
    background-color: #9587ee;
    border-radius: 50%;
  }
  .xmtyec {
    width: 28.161%;
  }
  .xmtyec img {
    width: 100%;
  }
  .xmtyec {
    width: 29.635%;
    margin-left: 4.344%;
  }
  .xmtyed {
    background-image: url(../img/z92.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
  }
  .xmtyeb_b p {
    width: 100%;
  }
  .xmtyef {
    margin-left: 7.137%;
  }
  .xmtyex {
    padding-left: 85px;
  }
  .xmtyf {
    width: 100%;
    margin-top: 60px;
    margin-bottom: 60px;
  }

  /*微信/微博代运营页*/
  .wbya {
    margin-top: 50px;
  }
  .wbyb .appy_bt p {
    font-size: 14px;
    line-height: 24px;
    margin-top: 14px;
  }
  .wbyb .xmtyba {
    margin-top: 2px;
  }
  .wbyb .xmtybb {
    margin-top: 34px;
  }
  .wbyc {
    margin-top: 55px;
  }
  .wbyca {
    width: 49.43%;
    margin-top: 15px;
    background-image: url(../img/z39.jpg);
    height: 476px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .wbyca h4 {
    width: 236px;
    height: 84px;
    background-color: rgba(99, 71, 234, 0.8);
    border-bottom-right-radius: 30px;
    line-height: 84px;
    text-align: center;
    font-size: 24px;
    color: #fff;
    font-weight: bold;
  }
  .wbycaa {
    width: 100%;
    padding: 140px 20px 0 63px;
  }
  .wbycaa_a {
    width: 100%;
    margin-top: 24px;
  }
  .wbycaa_a h6 {
    font-size: 24px;
    color: #846cfa;
    font-weight: bold;
    float: left;
    line-height: 18px;
    width: 48px;
  }
  .wbycaa_a p {
    float: left;
    font-size: 12px;
    color: #fff;
    line-height: 18px;
    width: calc(100% - 48px);
  }
  .wbycaa_a p span {
    font-size: 18px;
    font-weight: bold;
    display: block;
    margin-bottom: 7px;
  }
  .wbycb {
    background-image: url(../img/z40.jpg);
  }
  .wbycc {
    background-image: url(../img/z41.jpg);
  }
  .wbycd {
    background-image: url(../img/z42.jpg);
  }
  .wbycab {
    width: 100%;
    margin-top: 99px;
    padding: 0 18px 0 15px;
  }
  .wbycab_a {
    width: 33.333%;
    height: 128px;
    padding-top: 23px;
  }
  .wbycab_a img {
    width: 44px;
    margin: 0 auto;
    transition: all ease 0.3s;
  }
  .wbycab_a:hover img {
    transform: rotateY(180deg);
  }
  .wbycab_a p {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    margin-top: 15px;
  }
  .wbycab_a:nth-child(1),
  .wbycab_a:nth-child(2) {
    border-bottom: 1px solid #5a4e8f;
    border-right: 1px solid #5a4e8f;
  }
  .wbycab_a:nth-child(3) {
    border-bottom: 1px solid #5a4e8f;
  }
  .wbycab_a:nth-child(4),
  .wbycab_a:nth-child(5) {
    border-right: 1px solid #5a4e8f;
  }
  .wbycab_a:nth-child(4),
  .wbycab_a:nth-child(5),
  .wbycab_a:nth-child(6) {
    padding-top: 34px;
  }
  .wbycc .wbycaa {
    width: 50%;
    padding: 140px 10px 0 53px;
  }
  .wbycz {
    display: table;
    margin: 0 auto;
    margin-top: 40px;
  }
  .wbycz li {
    width: 63px;
    height: 3px;
    background-color: #a4a4a4;
    display: block;
    float: left;
    margin: 0 12px;
    cursor: pointer;
  }
  .wbycz li.on {
    background-color: #9a20e3;
  }
  .wbyd {
    width: 100%;
    background-image: url(../img/z43.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-top: 89px;
    padding: 59px 0 103px;
  }
  .wbyd .appy_bt h5 {
    color: #6455ed;
    opacity: 0.4;
  }
  .wbyd .appy_bt h6 {
    color: #fff;
    margin-top: -22px;
  }
  .wbyd .appy_bt p {
    text-align: center;
    font-size: 14px;
    color: #fff;
    line-height: 18px;
    margin-top: 19px;
  }
  .wbyda {
    display: table;
    margin: 0 auto;
    margin-top: 38px;
  }
  .wbyda p {
    float: left;
    width: 210px;
    background-color: #fff;
    line-height: 42px;
    height: 42px;
    text-align: center;
    border-radius: 30px;
    font-size: 16px;
    color: #3d3d3d;
    margin: 0 7.5px;
    cursor: pointer;
    transition: all ease 0.3s;
  }
  .wbyda p.on {
    background-color: #000;
    color: #fff;
  }
  .wbydb {
    width: 86.002%;
    margin: 0 auto;
    margin-top: 48px;
  }
  .wbydc {
    width: 100%;
  }
  .wbydc_t {
    width: 51.983%;
    overflow: hidden;
    position: relative;
  }
  .wbydc_t img {
    width: 100%;
  }
  .wbydc_t p {
    position: absolute;
    left: 0;
    bottom: 0;
    min-width: 181px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    border-top-right-radius: 20px;
    background-color: #322f2a;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
  }
  .wbydc_w {
    width: 45.344%;
  }
  .wbydc_wa {
    width: 100%;
    border: 1px dashed #a970f4;
    margin-bottom: -1px;
    padding: 23px 10px 18px 38px;
    transition: all ease 0.3s;
  }
  .wbydc_wa h6 {
    float: left;
    font-size: 24px;
    color: #9864ff;
    font-weight: bold;
    line-height: 18px;
    border-bottom: 4px solid #9864ff;
    padding-bottom: 9px;
    margin-top: 7px;
  }
  .wbydc_wa p {
    float: left;
    font-size: 14px;
    color: #fff;
    line-height: 20px;
    margin-left: 60px;
    width: calc(100% - 122px);
  }
  .wbydc_wa p span {
    display: block;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 6px;
  }
  .wbydc_wa:hover {
    background-color: #6532d9;
  }
  .wbye {
    margin-top: 65px;
  }
  .wbye .appy_bt h6 {
    margin-top: -22px;
  }
  .wbye .appy_bt p {
    text-align: center;
    font-size: 14px;
    color: #868686;
    line-height: 18px;
    margin-top: 16px;
  }
  .wbyea {
    width: 100%;
    margin-top: 46px;
  }
  .wbyea_a {
    width: 25%;
    border-left: 1px dashed #dedceb;
    height: 218px;
  }
  .wbyea_a:nth-child(1) {
    border: none;
  }
  .wbyea_a img {
    width: 87px;
    margin: 0 auto;
    transition: all ease 0.3s;
  }
  .wbyea_a:hover img {
    transform: translateY(-6px);
  }
  .wbyea_a h6 {
    text-align: center;
    font-size: 24px;
    color: #414140;
    font-weight: bold;
    line-height: 24px;
    margin-top: 24px;
    letter-spacing: 2px;
  }
  .wbyea_a p {
    font-size: 14px;
    color: #868686;
    line-height: 18px;
    margin-top: 16px;
    text-align: center;
  }
  .wbyf {
    margin-top: 80px;
    width: 100%;
    background-image: url(../img/z48.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 70px 0 60px;
  }
  .wbyf .appy_bt h6 {
    margin-top: -22px;
  }
  .wbyf .appy_bt p {
    text-align: center;
    font-size: 14px;
    color: #868686;
    line-height: 18px;
    margin-top: 16px;
  }
  .wbyfa {
    width: 89.415%;
    margin: 0 auto;
    margin-top: 34px;
  }
  .wbyfa img {
    width: 100%;
  }
  .wbyg {
    margin-top: 65px;
    padding-bottom: 70px;
  }
  .wbyg .appy_bt h6 {
    margin-top: -22px;
  }
  .wbyg .appy_bt span {
    width: 35px;
    height: 4px;
    display: block;
    margin: 0 auto;
    margin-top: 18px;
    background-color: #fbd539;
  }
  .wbyg .appy_bt p {
    text-align: center;
    font-size: 14px;
    color: #868686;
    line-height: 18px;
    margin-top: 23px;
  }
  .wbyga {
    width: 80.501%;
    margin-left: 8.774%;
    margin-top: 36px;
  }
  .wbyga img {
    float: left;
    width: 11.851%;
    border-radius: 50%;
    box-shadow: 5px 0 20px 0 rgba(191, 191, 243, 0.54);
  }
  .wbyga p {
    float: left;
    width: 13.149%;
    font-size: 16px;
    color: #454353;
    line-height: 16px;
    margin-top: 42px;
    padding-left: 16px;
    background: url(../img/y83.png);
    background-size: auto;
    background-repeat: repeat-x;
    background-position: left top 27px;
  }
  .wbyga p span {
    color: #9e99ef;
    font-weight: bold;
    display: block;
    text-transform: uppercase;
    line-height: 14px;
    margin-bottom: 25px;
  }

  /*一瞬简介页修改2021.7.16*/
  .gy16a {
    width: 100%;
    background-color: #fafbfe;
    margin-top: 76px;
    padding: 55px 0 50px;
  }
  .gy16a-x {
    width: 1200px;
    margin: 0 auto;
  }
  .gy16a_w {
    width: 45.583%;
    margin-top: 17px;
  }
  .gy16a_wa {
    width: 100%;
    margin-top: 14px;
  }
  .gy16a_wa h6 {
    font-size: 18px;
    color: #454353;
    line-height: 30px;
    background-image: url(../img/y136.png);
    background-size: 100% 12px;
    background-repeat: no-repeat;
    background-position: bottom center;
    display: table;
    padding-right: 23px;
    letter-spacing: 1px;
  }
  .gy16a_wa p {
    font-size: 14px;
    color: #747474;
    line-height: 22px;
    margin-top: 38px;
  }
  .gy16a_t {
    width: 34.1666%;
    margin-right: 7.5%;
  }
  .gy16a_t img {
    width: 100%;
  }
  .gy16b {
    width: 1200px;
    margin: 0 auto;
    margin-top: 73px;
  }
  .gy16b_t {
    width: 43.416%;
  }
  .gy16b_t img {
    width: 100%;
  }
  .gy16b .gy16a_w {
    margin-top: 8px;
  }
  .gy16c {
    margin-top: 63px;
  }
  .gy16c .gy16a_t {
    width: 34.416%;
  }
  .gy16c .gy16a_w {
    margin-top: 0;
  }
  .gy16d {
    width: 1200px;
    margin: 0 auto;
    margin-top: 51px;
  }
  .gy16d_t {
    width: 36.08%;
    margin-left: 5.83%;
  }
  .gy16d_t img {
    width: 100%;
  }

  @media (min-width: 1500px) {
    .commen {
      width: 1440px;
      margin: 0 auto;
    }
    .wlyxe {
      width: 82.84%;
    }
    .wlyxi {
      width: 91.666%;
    }
    .allb {
      margin-top: 21px;
    }
    .dstgd1a {
      padding: 24px 119px 0 125px;
    }
    .ysfwd_a img {
      margin-left: 22px;
    }
  }

  @media (min-width: 1600px) {
    .sydaoh {
      width: 88.54%;
      left: 5.73%;
    }
    .daoh {
      width: 88.54%;
      margin: 0 auto;
    }
    .nav {
      width: 1100px;
      margin-right: 30px;
      margin-top: 24px;
    }
  }
}

@media screen and (min-width: 1023px) and (max-width: 1439px) {
  /*网站地图*/
  .wzdt {
    width: 96%;
    margin: 0 auto;
    margin-bottom: 70px;
  }
  .wzdt_a {
    border: solid 2px #e5e5e5;
    margin-top: 22px;
    background: #fff;
  }
  .wzdt_a h1 {
    width: 96%;
    margin: 0 auto;
    border-bottom: 1px solid #f2f2f2;
    margin-top: 5px;
  }
  .wzdt_a h1 a {
    font-size: 16px;
    color: #505050;
    font-weight: bold;
    line-height: 45px;
  }
  .wzdt_a p {
    margin: 0 25px;
  }
  .wzdt_a p a {
    color: #505050;
    line-height: 42px;
    margin-right: 15px;
  }
  .wzdt_a p a:hover {
    color: #0665d0;
  }
  /*网站地图*/
  /*404*/
  .fzfbox {
    width: 100%;
    margin: 0 auto;
    background: #f9f9f9;
    padding: 30px;
    margin-bottom: 20px;
  }
  .fzf1 {
    width: 90%;
    margin: 15px auto;
  }
  .fzf1 img {
    width: 100%;
    margin: 0 auto;
  }
  .fzf2 {
    width: 100%;
    margin: 0 auto;
  }
  .fzf2 p {
    font-size: 18px;
    color: #434343;
    text-align: center;
    line-height: 30px;
  }
  .fzf2-1 {
    width: 100%;
    margin: 0 auto;
  }
  .fzf2-1 p {
    font-size: 16px;
    color: #434343;
    text-align: center;
    line-height: 30px;
  }
  .fzf2-1 p span {
    color: #333;
  }
  .fzf3 {
    width: 310px;
    margin: 30px auto;
  }
  .fzf3z {
    float: left;
  }
  .fzf3z img {
    width: 100%;
    margin: 0 auto;
  }
  .fzf3y {
    float: right;
  }
  .fzf3y img {
    width: 100%;
    margin: 0 auto;
  }
  /*404*/
  body,
  html {
    margin: 0;
    padding: 0;
    font-family: "Microsoft YaHei", "微软雅黑";
    font-size: 12px;
    -webkit-font-smoothing: antialiased; /*抗锯齿效果*/
    -webkit-tap-highlight-color: transparent;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
  }
  a,
  ul,
  li,
  ol,
  p,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  dl,
  dt,
  dd {
    list-style: none;
    padding: 0;
    margin: 0;
    text-decoration: none;
    font-weight: normal;
    font-size: 12px;
    color: #858585;
  }
  * img {
    display: block;
    border: none;
  }
  input,
  select,
  textarea {
    padding: 0;
    margin: 0;
    outline: none;
    font-family: "微软雅黑";
    -webkit-appearance: none;
    border: none;
  }
  .clearfix {
    clear: both;
  }
  .mob {
    display: none;
  }
  .pc {
    display: block;
  }
  .fl {
    float: left;
  }
  .fr {
    float: right;
  }
  .commen {
    width: 96%;
    margin: 0 auto;
  }
  .commen1 {
    width: 96%;
    margin: 0 auto;
  }
  .ellipsis {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  * {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
  }

  /*滚动条样式*/
  ::-webkit-scrollbar-track-piece {
    width: 8px;
    background-color: #332944;
    border-radius: 5px;
  }
  ::-webkit-scrollbar {
    width: 8px;
    background-color: #332944;
    border-radius: 5px;
  }
  ::-webkit-scrollbar-thumb {
    width: 8px;
    background-color: #653abd;
    border-radius: 5px;
  }
  ::-webkit-scrollbar-thumb:hover {
    width: 8px;
    background-color: #653abd;
    border-radius: 5px;
  }

  /*****************************************************首页*******************************************************/

  /*nav+banner*/
  .navban {
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 697px;
  }
  .sydaoh {
    width: 96%;
    position: absolute;
    left: 2%;
    top: 40px;
    z-index: 1;
  }
  .banner {
    width: 100%;
    height: 100%;
    height: 697px;
    overflow: hidden;
    position: relative;
    z-index: 0;
  }
  .banner ul {
    height: 100%;
  }
  .banner ul li {
    zoom: 1;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    max-height: 100%;
  }
  .banner li img.banner-img {
    position: absolute;
    left: 50%;
    top: 0;
    width: 1440px;
    margin-left: -720px;
    height: 697px;
  }
  .anniu {
    width: 400px;
    height: 70px;
    background-color: #fff;
    position: absolute;
    right: 0;
    bottom: 0;
    padding-top: 29px;
  }
  .anniu_z {
    cursor: pointer;
    margin-right: 22px;
    margin-left: 100px;
  }
  .anniu_y {
    cursor: pointer;
  }
  .ban_ma {
    margin-left: 39px;
  }
  .ban_ma p {
    font-size: 16px;
    color: #4c4c4c;
    line-height: 18px;
  }
  .ban_ma p span {
    color: #999999;
  }
  .banner_b {
    position: relative;
    top: 36.5%;
    left: 50%;
    width: 1920px;
    margin-left: -960px;
  }
  .banner_b h5 {
    margin-right: 32.8%;
    font-size: 52px;
    color: #fff;
    line-height: 70px;
    letter-spacing: 8px;
    text-align: right;
  }
  .banner_b p {
    animation-delay: 0.1s;
    margin-right: 26%;
    font-size: 26px;
    color: #ffe682;
    letter-spacing: 4px;
    float: right;
    line-height: 40px;
    margin-top: 20px;
  }
  .banner_b1 {
    position: relative;
    top: 23.2%;
    left: 50%;
    width: 1920px;
    margin-left: -960px;
  }
  .banner_b1 img {
    width: 320px;
    margin: 0 auto;
  }
  .banner_b1 p {
    animation-delay: 0.1s;
    text-align: center;
    font-size: 26px;
    color: #fff;
    letter-spacing: 4px;
    line-height: 40px;
    margin-top: 50px;
  }
  .banner_b1 p span {
    font-family: Arial;
    font-size: 70px;
    font-weight: bold;
    letter-spacing: 8px;
    padding-bottom: 8px;
  }
  .banner_b2 {
    position: relative;
    top: 38%;
    left: 50%;
    width: 1920px;
    margin-left: -960px;
  }
  .banner_b2 img {
    width: 330px;
    margin-left: 22.8%;
  }
  .banner_b2 p {
    animation-delay: 0.1s;
    font-size: 26px;
    color: #ffe682;
    letter-spacing: 4px;
    line-height: 40px;
    margin-top: 20px;
    margin-left: 22.8%;
  }
  .banner_b3 {
    position: relative;
    top: 27%;
    left: 13.5%;
    width: 1920px;
    /* margin-left: -960px; */
  }
  .banner_b3 p {
    font-size: 60px;
    color: #ffffff;
    padding: 15px 0;
  }
  .banner_b3 h5 {
    font-size: 60px;
    color: #ffffff;
    padding: 15px 0;
  }
  .banner_b3_cont {
    margin-top: 40px;
    width: 600px;
    display: flex;
    flex-wrap: wrap;
  }
  .banner_b3_text {
    font-size: 20px;
    line-height: 20px;
    position: relative;
    color: #ffff00;
    width: 200px;
    padding: 0 0 10px 10px;
  }
  .banner_b3_text::after {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 4px;
    height: 4px;
    background-color: #ffff00;
  }
  .xia {
    position: absolute;
    bottom: 29px;
    left: calc(50% - 13px);
    cursor: pointer;
    animation-duration: 2s;
  }
  .keyword {
    position: absolute;
    bottom: 39px;
    left: 107px;
    font-size: 14px;
    color: #534e63;
    line-height: 14px;
    cursor: pointer;
  }
  .keyword a {
    font-size: 12px;
    color: #fff;
    transition: all ease 0.3s;
    display: inline-block;
    line-height: 20px;
    opacity: 0;
  }
  .keyword a:hover {
    color: #fff;
  }
  .keyword:hover a {
    opacity: 1;
  }
  /*一瞬服务*/
  .ysfw {
    width: 100%;
    margin-top: 2%;
    position: relative;
  }
  .ysfw::after {
    position: absolute;
    content: "";
    background-image: url(../img/y194.png);
    width: 14px;
    height: 70px;
    background-size: 100% 100%;
    left: calc(50% - 7px);
    bottom: -82px;
  }
  .ysfwa p {
    text-align: center;
    font-size: 26px;
    color: #3d3d3d;
    font-weight: bold;
    line-height: 26px;
    letter-spacing: 2px;
  }
  .ysfwa p a {
    font-size: 26px;
    color: #3d3d3d;
    font-weight: bold;
  }
  .ysfwa img {
    width: 345px;
    margin: 0 auto;
    margin-top: 27px;
  }
  .ysfwb {
    width: 100%;
    margin-top: 43px;
  }
  .ysfwc {
    width: 100%;
  }
  .ysfwc_t {
    width: 50%;
    margin-left: 5.347%;
  }
  .ysfwc_t img {
    width: 100%;
  }
  .ysfwc_w {
    width: 32%;
    margin-right: 8.125%;
    margin-top: 2%;
  }
  .ysfwc_w h2 {
    font-size: 24px;
    color: #3d3d3d;
    line-height: 36px;
    text-align: right;
  }
  .ysfwc_w h2 a {
    font-size: 24px;
    color: #3d3d3d;
  }
  .ysfwc_w p {
    width: 100%;
    font-size: 12px;
    color: #7b7b7b;
    line-height: 21px;
    text-align: right;
    margin-top: 4%;
    height: 42px;
    overflow: hidden;
  }
  .ysfwc_w h3 {
    text-align: right;
    font-size: 12px;
    color: #3d3d3d;
    line-height: 22px;
    margin-top: 24px;
  }
  .ysfwc_w h3 a {
    font-size: 12px;
    color: #3d3d3d;
  }
  .ysfwc_w h3 span {
    display: inline-block;
    margin: 0 14px;
  }
  .ysfwc_w h3 a:hover {
    color: #771eda;
  }
  .ysfwc_m {
    width: 160px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #fff;
    border-radius: 50px;
    margin-top: 32px;
    box-shadow: 1px 6px 20px 1px rgba(94, 30, 203, 0.2);
  }
  .ysfwc_m a {
    font-size: 14px;
    color: #771eda;
    text-transform: uppercase;
    transition: all ease 0.3s;
  }
  .ysfwc_m:hover a {
    padding-left: 8px;
  }
  .ysfwd {
    width: 100%;
    position: relative;
    top: -30px;
    background-color: #f8f7f8;
    border-radius: 20px;
    height: 122px;
    border-bottom: 2px solid #6a31d3;
    box-shadow: 0px 5px 16px 0px rgba(94, 30, 203, 0.2);
  }
  .ysfwd_a {
    width: calc(100% / 7);
    cursor: pointer;
    height: 122px;
    border-radius: 20px;
    border: 3px solid transparent;
    transition: all ease 0.3s;
    background-size: 100% 100%;
    position: relative;
  }
  .ysfwd_a:nth-child(6) {
    background-size: 0;
  }
  .ysfwd_a img {
    float: left;
    margin-top: 34px;
    margin-left: 3%;
    width: 50px;
  }
  .ysfwd_a p {
    float: left;
    font-size: 13px;
    color: #3d3d3d;
    line-height: 26px;
    margin-top: 34px;
    margin-left: 12px;
    width: 65px;
  }
  .ysfwd_a p span {
    display: block;
    font-size: 10px;
    color: #d2d2d2;
    line-height: 12px;
    text-transform: uppercase;
  }
  .ysfwd_a::after {
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    right: -4px;
    top: 0;
    background-image: url(../img/y179.png);
    background-size: 100% 100%;
    background-position: center;
  }
  /*6大优势*/
  .youshi {
    width: 100%;
    background-image: url(../img/y80.jpg);
    height: 750px;
    background-size: cover;
    background-position: center;
    margin-top: 85px;
    padding-top: 60px;
    overflow: hidden;
    position: relative;
  }
  .youshia img {
    width: 900px;
    margin: 0 auto;
  }
  .youshia p {
    text-align: center;
    font-size: 26px;
    color: #fff;
    font-weight: bold;
    line-height: 26px;
    letter-spacing: 2px;
    margin-top: -39px;
  }
  .youshia p a {
    font-size: 26px;
    color: #fff;
    font-weight: bold;
  }
  .youshib {
    width: 100%;
    margin-top: 92px;
  }
  .youshib_a {
    width: calc(25% - 2px);
    height: 225px;
    padding-top: 62px;
    position: relative;
    cursor: pointer;
  }
  .youshib_a > img {
    width: 50px;
    margin: 0 auto;
    transition: all ease-out 0.3s;
  }
  .youshib_a > h2 {
    text-align: center;
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    line-height: 30px;
    margin-top: 33px;
    transition: all ease-out 0.3s;
  }
  .youshib_b {
    position: absolute;
    width: 82.5%;
    height: 88.59%;
    left: 8.75%;
    top: 0;
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 8px;
  }
  .youshib_b h3 {
    text-align: center;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    line-height: 28px;
    margin-top: 11%;
  }
  .youshib_b p {
    font-size: 14px;
    line-height: 29px;
    color: #fff;
    opacity: 0.6;
    width: 85%;
    margin: 0 auto;
    margin-top: 5%;
  }
  .youshib_a:nth-child(2n + 1) .youshib_b {
    transform: rotateX(-90deg);
    opacity: 0;
    transition: all ease-out 0.5s;
  }
  .youshib_a:nth-child(2n + 1):hover .youshib_b {
    transform: rotateX(0deg);
    opacity: 1;
  }
  .youshib_a:nth-child(2n) .youshib_b {
    transform: rotateY(-90deg);
    opacity: 0;
    transition: all ease-out 0.5s;
  }
  .youshib_a:nth-child(2n):hover .youshib_b {
    transform: rotateY(0deg);
    opacity: 1;
  }
  .youshib_a:hover > img {
    opacity: 0;
  }
  .youshib_a:hover > h2 {
    opacity: 0;
  }
  .youshib_a:nth-child(1),
  .youshib_a:nth-child(2),
  .youshib_a:nth-child(3),
  .youshib_a:nth-child(5),
  .youshib_a:nth-child(6),
  .youshib_a:nth-child(7) {
    border-right: 2px solid #a78ee8;
  }
  .youshib_a:nth-child(1),
  .youshib_a:nth-child(2),
  .youshib_a:nth-child(3),
  .youshib_a:nth-child(4) {
    border-bottom: 2px solid #a78ee8;
  }
  .youshib_a:nth-child(5) .youshib_b,
  .youshib_a:nth-child(6) .youshib_b,
  .youshib_a:nth-child(7) .youshib_b,
  .youshib_a:nth-child(8) .youshib_b {
    bottom: 0;
    top: auto;
  }
  /*一瞬案例*/
  .ysal {
    width: 100%;
    margin-top: 70px;
    overflow: hidden;
  }
  .ysala p {
    text-align: center;
    font-size: 26px;
    color: #3d3d3d;
    font-weight: bold;
    line-height: 26px;
    letter-spacing: 2px;
  }
  .ysala p a {
    font-size: 26px;
    color: #3d3d3d;
    font-weight: bold;
  }
  .ysala img {
    width: 300px;
    margin: 0 auto;
    margin-top: 7px;
  }
  .ysalb {
    margin-top: 40px;
    margin-left: 2%;
  }
  .ysalb_p {
    width: 130px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50px;
    margin: 0 2px;
    background-image: url(../img/y190.png);
    background-size: 0% 0%;
    transition: all ease 0.3s;
    background-repeat: no-repeat;
    background-position: center;
  }
  .ysalb_p a {
    font-size: 16px;
    color: #323232;
  }
  .ysalb_pa {
    background-image: url(../img/y190.png);
    background-size: 100% 100%;
    box-shadow: 1px 5px 20px 0 rgba(94, 30, 203, 0.2);
  }
  .ysalb_pa a {
    color: #fff;
    transition: all ease 0.3s;
  }
  .ysalb_p:hover {
    background-size: 100% 100%;
    box-shadow: 1px 5px 20px 0 rgba(94, 30, 203, 0.2);
  }
  .ysalb_p:hover a {
    color: #fff;
  }
  .ysalc {
    width: 100%;
    margin-top: 11px;
  }
  .ysale {
    width: 261px;
    margin: 0 auto;
    margin-top: 25px;
  }
  .ysale_a {
    width: 63px;
    height: 3px;
    background-color: #a4a4a4;
    margin: 0 12px;
    cursor: pointer;
  }
  .ysale_aa {
    background-color: #9a20e3;
  }
  /*一瞬口碑*/
  .yskb {
    width: 100%;
    background-image: url(../img/y192.png), url(../img/y181.jpg);
    height: 456px;
    background-repeat: no-repeat, no-repeat;
    background-size: 100% 1px, cover;
    background-position: center top 216px, center;
    margin-top: 65px;
    padding-top: 39px;
    overflow: hidden;
  }
  .yskba {
    margin-left: 10%;
  }
  .yskbb {
    width: 100%;
    position: relative;
    margin-top: 78px;
  }
  .yskbc {
    width: 80%;
    margin: 0 auto;
    overflow: hidden;
  }
  .yskbd {
    width: 10000px;
  }
  .yskbe {
    width: 300px;
  }
  .yskbf {
    width: 72%;
    margin-left: 1%;
  }
  .yskbf h2 {
    font-size: 16px;
    color: #2d2d2d;
    line-height: 26px;
    transition: all ease-out 0.3s;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .yskbf_yd {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 2px solid #bcbcbc;
    margin-left: 11px;
    margin-top: 14px;
    transition: all ease-out 0.3s;
  }
  .yskbf_yd span {
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #bcbcbc;
    margin: 5px auto;
    transition: all ease-out 0.3s;
    overflow: hidden;
  }
  .yskbf p {
    font-size: 12px;
    color: #797979;
    line-height: 21px;
    margin-top: 30px;
    height: 42px;
    transition: all ease-out 0.3s;
  }
  .yskbf:hover h2 {
    color: #941de1;
  }
  .yskbf:hover p {
    color: #941de1;
  }
  .yskbf:hover .yskbf_yd {
    border-color: #941de1;
    animation: pulse 1.5s infinite 0.2s;
  }
  .yskbf:hover .yskbf_yd span {
    background-color: #941de1;
    transform: scale(2);
  }
  .yskb_z {
    position: absolute;
    left: 0;
    top: 19px;
    cursor: pointer;
    -webkit-animation: lefta 1.5s infinite;
    animation: lefta 1.5s infinite;
  }
  .yskb_y {
    position: absolute;
    left: calc(100% - 100px);
    top: 19px;
    cursor: pointer;
    -webkit-animation: leftb 1.5s infinite;
    animation: leftb 1.5s infinite;
  }
  @keyframes lefta {
    0%,
    100% {
      margin-left: -6px;
    }
    50% {
      margin-left: 6px;
    }
  }
  @keyframes leftb {
    0%,
    100% {
      margin-left: 6px;
    }
    50% {
      margin-left: -6px;
    }
  }
  .yskb_m {
    width: 171px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    background-color: #fff;
    border-radius: 50px;
    margin: 0 auto;
    margin-top: 55px;
    box-shadow: 1px 5px 18px 1px rgba(94, 30, 203, 0.2);
  }
  .yskb_m a {
    font-size: 14px;
    color: #771eda;
    text-transform: uppercase;
    transition: all ease-out 0.3s;
  }
  .yskb_m:hover a {
    padding-left: 8px;
  }

  /*合作客户*/
  .sykh {
    width: 100%;
    margin-top: 102px;
    position: relative;
  }
  .sykh::after {
    position: absolute;
    content: "";
    background-image: url(../img/y195.png);
    width: 70px;
    height: 14px;
    background-size: 100% 100%;
    left: 5px;
    bottom: -55px;
  }
  .sykha {
    width: 100%;
  }
  .sykha p {
    float: left;
    font-size: 26px;
    color: #3d3d3d;
    font-weight: bold;
    line-height: 40px;
    letter-spacing: 2px;
  }
  .sykha p a {
    font-size: 26px;
    color: #3d3d3d;
    font-weight: bold;
  }
  .sykha img {
    float: left;
    width: 520px;
    margin-left: 26px;
  }
  .sykh_m {
    width: 160px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #fff;
    border-radius: 50px;
    margin: 0 auto;
    box-shadow: 1px 5px 18px 1px rgba(94, 30, 203, 0.2);
  }
  .sykh_m a {
    font-size: 14px;
    color: #771eda;
    text-transform: uppercase;
    transition: all ease-out 0.3s;
  }
  .sykh_m:hover a {
    padding-left: 8px;
  }
  .sykhb {
    width: 100%;
    border-left: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    margin-top: 52px;
  }
  .sykhb_a {
    width: calc(100% / 6 - 1px);
    border-top: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    position: relative;
  }
  .sykhb_a img {
    width: 100%;
  }
  .sykhb_a img:nth-child(2) {
    transition: all ease 0.5s;
    opacity: 1;
  }
  .sykhb_a img:nth-child(1) {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: all ease 0.3s;
    border-radius: 10px;
    z-index: 2;
  }
  .sykhb_a:hover img:nth-child(2) {
    opacity: 0;
  }
  .sykhb_a:hover img:nth-child(1) {
    opacity: 1;
    box-shadow: 1px 1px 20px 0 rgba(94, 30, 203, 0.2);
  }
  /*关于一瞬*/
  .sygy {
    width: 100%;
    background-image: url(../img/y182.jpg);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 10%;
    padding-bottom: 6%;
  }
  .sygyz {
    width: 45.06%;
    margin-left: 3%;
  }
  .sygyza {
    margin-top: 87px;
  }
  .sygyza p {
    font-size: 26px;
    color: #fff;
    font-weight: bold;
    line-height: 40px;
    letter-spacing: 2px;
  }
  .sygyza p a {
    font-size: 26px;
    color: #fff;
    font-weight: bold;
  }
  .sygyza img {
    width: 400px;
  }
  .sygyzb {
    width: 100%;
    margin-top: 8%;
  }
  .sygyzb h2 {
    font-size: 20px;
    color: #fff;
    line-height: 30px;
  }
  .sygyzb h3 {
    font-size: 16px;
    color: #341d68;
    line-height: 22px;
    background-image: url(../img/y197.png);
    background-size: 100% 18px;
    background-repeat: no-repeat;
    background-position: center bottom;
    display: inline-block;
    padding: 0 10px;
    margin-top: 6px;
    margin-bottom: 38px;
  }
  .sygyzb p {
    font-size: 12px;
    color: #fff;
    line-height: 23px;
    margin-top: 17px;
  }
  .sygyzb p span {
    display: block;
    font-size: 14px;
    color: #ffec81;
    font-weight: bold;
    margin-bottom: 12px;
  }
  .sygyz_m {
    width: 170px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: #fff;
    border-radius: 50px;
    box-shadow: 1px 5px 18px 1px rgba(120, 33, 220, 0.16);
    margin-top: 80px;
  }
  .sygyz_m a {
    font-size: 14px;
    color: #771eda;
    text-transform: uppercase;
    transition: all ease-out 0.3s;
  }
  .sygyz_m:hover a {
    padding-left: 8px;
  }
  .sygyy {
    width: 46%;
    margin-right: 11px;
    margin-top: 16%;
  }
  .sygya {
    width: 42.28%;
    margin: 0 3.86%;
    position: relative;
    margin-bottom: 34px;
    border-radius: 10px;
    overflow: hidden;
  }
  .sygya img {
    width: 100%;
  }
  .sygya_w {
    position: absolute;
    width: 72.62%;
    height: 75%;
    left: 13.69%;
    top: 12.5%;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 10px;
    transform: rotateY(-90deg);
    opacity: 0;
    transition: all ease-out 0.5s;
  }
  .sygya_w h2 {
    text-align: center;
    font-size: 18px;
    color: #c0c0c0;
    line-height: 24px;
    text-transform: uppercase;
    margin-top: 32%;
  }
  .sygya_w h3 {
    font-size: 18px;
    color: #555555;
    font-weight: bold;
    text-align: center;
    line-height: 30px;
  }
  .sygya_w p {
    text-align: center;
    line-height: 24px;
    margin-top: 8%;
    text-decoration: underline;
    text-transform: uppercase;
    transition: all ease-out 0.3s;
  }
  .sygya_w p a {
    font-size: 14px;
    color: #a939ef;
  }
  .sygya_a {
    top: -70px;
  }
  .sygya_b {
    top: -24px;
  }
  .sygya_c {
    top: -67px;
  }
  .sygya_d {
    top: -24px;
  }
  .sygya:hover .sygya_w {
    transform: rotateY(0deg);
    opacity: 1;
  }
  .sygya_w p:hover {
    transform: translateY(-5px);
  }
  .sygyx {
    width: 100%;
    margin-top: 55px;
  }
  .gygyx_a {
    width: 25%;
    padding-left: 4%;
  }
  .gygyx_a h2 {
    font-size: 48px;
    color: #5d51dd;
    line-height: 50px;
  }
  .gygyx_a p {
    font-size: 14px;
    color: #747474;
    line-height: 18px;
  }
  /*一瞬资讯*/
  .yszixun {
    width: 100%;
    background-color: #f6f6f6;
    background-image: url(../img/y24.png);
    background-repeat: no-repeat;
    background-size: 35.15% auto;
    background-position: left 12px bottom;
    margin-top: 57px;
    padding-top: 71px;
    overflow: hidden;
    padding-bottom: 10%;
  }
  .yszx {
    width: 96%;
    margin: 0 auto;
  }
  .yszxa {
    width: 100%;
  }
  .yszxaa p {
    font-size: 26px;
    color: #3d3d3d;
    font-weight: bold;
    line-height: 26px;
    letter-spacing: 2px;
  }
  .yszxaa p a {
    font-size: 26px;
    color: #3d3d3d;
    font-weight: bold;
  }
  .yszxaa img {
    width: 290px;
    margin: 0 auto;
    margin-top: 8px;
  }
  .yszxab {
    margin-top: 27px;
  }
  .yszxab_p {
    width: 140px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50px;
    margin: 0 2px;
    background-image: url(../img/y190.png);
    background-size: 0% 0%;
    transition: all ease 0.3s;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 16px;
    color: #323232;
    cursor: pointer;
    margin-right: 18px;
    background-color: #fff;
    box-shadow: 1px 5px 18px 1px rgba(94, 30, 203, 0.2);
  }
  .yszxab_p {
    font-size: 16px;
    color: #323232;
  }
  .yszxab_pa {
    background-size: 100% 100%;
    color: #fff;
  }
  .yszxab_pa a {
    color: #fff;
  }
  .yszxab_m {
    width: 140px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50px;
    margin: 0 2px;
    background-image: url(../img/y190.png);
    background-size: 0% 0%;
    transition: all ease 0.3s;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    background-color: #fff;
    box-shadow: 1px 5px 18px 1px rgba(94, 30, 203, 0.2);
    text-transform: uppercase;
  }
  .yszxab_m a {
    font-size: 15px;
    color: #771eda;
    transition: all ease-out 0.3s;
  }
  .yszxab_m:hover a {
    padding-left: 8px;
  }
  .yszxb {
    width: 100%;
    margin-top: 43px;
  }
  .yszxc {
    width: 100%;
    position: relative;
  }
  .yszxca {
    width: 30.28%;
    position: relative;
    overflow: hidden;
  }
  .yszxca a > img {
    width: 100%;
    transition: all ease-out 0.3s;
  }
  .yszxcb {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 98px;
    background-color: rgba(32, 32, 32, 0.85);
    padding-top: 22px;
  }
  .yszxcb p {
    float: left;
    width: 60%;
    font-size: 15px;
    line-height: 25px;
    height: 58px;
    color: #fff;
    margin-left: 6%;
    overflow: hidden;
  }
  .yszxcb img {
    float: right;
    margin-top: 16px;
    margin-right: 26px;
    transition: all ease-out 0.3s;
  }
  .yszxca:hover a > img {
    transform: scale(1.1);
  }
  .yszxca:hover .yszxcb img {
    transform: translateX(-8px);
  }
  .yszxcd {
    width: 35.37%;
    position: absolute;
    top: 0;
    left: 32.24%;
    height: 100%;
  }
  .yszxcda {
    width: 100%;
    height: calc(50% - 6.5px);
    position: relative;
    background-color: #fff;
    transition: all ease-out 0.3s;
  }
  .yszxcdaa {
    width: 86.24%;
    margin: 0 auto;
    padding: 6% 11px 2% 11px;
    border-bottom: 1px solid #f5f5f5;
  }
  .yszxcdaa h2 {
    font-size: 16px;
    color: #3d3d3d;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .yszxcdaa p {
    font-size: 12px;
    color: #797979;
    line-height: 21px;
    margin-top: 3%;
    height: 42px;
    overflow: hidden;
  }
  .yszxcdab {
    width: 82.13%;
    margin: 0 auto;
    margin-top: 4%;
  }
  .yszxcdab p {
    font-size: 12px;
    color: #636363;
    float: left;
    text-align: center;
    line-height: 20px;
    transition: all ease-out 0.3s;
  }
  .yszxcdab p span {
    font-family: Arial;
    font-size: 38px;
    color: #999999;
    display: block;
    font-weight: 900;
    line-height: 38px;
    transition: all ease-out 0.3s;
  }
  .yszxcda_m {
    width: 37px;
    height: 10px;
    overflow: hidden;
    position: relative;
    margin-top: 20px;
  }
  .yszxcda_m img {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: all ease-out 0.3s;
  }
  .yszxcda_m img:nth-child(2) {
    position: absolute;
    top: 15px;
  }
  .yszxcda:hover {
    box-shadow: 1px 1px 18px 1px rgba(94, 30, 203, 0.2);
  }
  .yszxcda:hover .yszxcdab p {
    color: #832dec;
  }
  .yszxcda:hover .yszxcdab p span {
    color: #832dec;
  }
  .yszxcda:hover .yszxcda_m img:nth-child(1) {
    top: -15px;
  }
  .yszxcda:hover .yszxcda_m img:nth-child(2) {
    top: 0;
  }
  .yszxcdax {
    margin-top: 13px;
  }
  .yszxce {
    width: 30.93%;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
  }
  .yszxcea {
    width: 100%;
    height: calc(100% / 3 - 12px);
    position: relative;
    background-color: #fff;
    transition: all ease-out 0.3s;
    padding-top: 2%;
  }
  .yszxcea_a {
    margin-left: 9.4%;
    padding-top: 15px;
  }
  .yszxcea_a h2 {
    font-family: Arial;
    font-size: 38px;
    color: #999999;
    line-height: 27px;
    font-weight: 900;
    transition: all ease 0.3s;
    transition: all ease-out 0.3s;
  }
  .yszxcea_aa {
    width: 17px;
    height: 1px;
    background-color: #eeeeee;
    margin-top: 16px;
  }
  .yszxcea_a p {
    font-size: 12px;
    color: #636363;
    line-height: 12px;
    margin-top: 18px;
    transition: all ease 0.3s;
    transition: all ease-out 0.3s;
  }
  .yszxcea_b {
    width: 55.8%;
    border-left: 1px solid #f5f5f5;
    padding: 6px 0 11px 37px;
    margin-left: 10.56%;
  }
  .yszxcea_b p {
    font-size: 16px;
    color: #3d3d3d;
    line-height: 28px;
    height: 56px;
    overflow: hidden;
  }
  .yszxceax {
    margin: 18px 0;
  }
  .yszxcea:hover {
    box-shadow: 1px 1px 18px 1px rgba(94, 30, 203, 0.2);
  }
  .yszxcea:hover .yszxcea_a h2 {
    color: #832dec;
  }
  .yszxcea:hover .yszxcea_a p {
    color: #832dec;
  }
  .yszxcea:hover .yszxcda_m img:nth-child(1) {
    top: -15px;
  }
  .yszxcea:hover .yszxcda_m img:nth-child(2) {
    top: 0;
  }
  /*联系一瞬*/
  .sylianxi {
    width: 100%;
    overflow: hidden;
    margin-top: 130px;
    margin-bottom: 92px;
  }
  .sylx {
    width: 100%;
  }
  .sylxa {
    width: 50%;
  }
  .sylxaa p {
    font-size: 28px;
    color: #3d3d3d;
    font-weight: bold;
    line-height: 28px;
    letter-spacing: 2px;
  }
  .sylxaa p a {
    font-size: 28px;
    color: #3d3d3d;
    font-weight: bold;
  }
  .sylxaa img {
    width: 389px;
    margin-top: 7px;
  }
  .sylxab {
    margin-top: 68px;
  }
  .sylxab p {
    font-size: 12px;
    color: #4b4e77;
    line-height: 20px;
  }
  .sylxab p span {
    font-size: 14px;
    color: #4b4e77;
    font-weight: bold;
    display: block;
  }
  .sylxac {
    width: 100%;
    margin-top: 42px;
  }
  .sylxac_a {
    width: 50%;
  }
  .sylxac_a h2 {
    font-size: 14px;
    color: #4b4e77;
    line-height: 24px;
    background-image: url(../img/y202.png);
    background-size: 100% 10px;
    background-repeat: no-repeat;
    background-position: center bottom;
    padding: 0 13px 0 6px;
    display: inline-block;
    margin-bottom: -4px;
  }
  .sylxac_aa {
    width: 100%;
    margin-top: 15px;
  }
  .sylxac_aa img {
    float: left;
    width: 64px;
  }
  .sylxac_aa p {
    float: left;
    font-size: 12px;
    color: #82818f;
    line-height: 22px;
    margin-top: 13px;
    margin-left: 23px;
  }
  .sylxac_aa p span {
    display: block;
    font-size: 14px;
    color: #4b4e77;
    line-height: 24px;
  }
  .sylxad {
    width: 100%;
    margin-top: 44px;
  }
  .sylxad img {
    width: 100%;
  }
  .sylxae_m {
    width: 171px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    background-color: #fff;
    border-radius: 50px;
    margin-top: 44px;
    box-shadow: 1px 6px 20px 1px rgba(94, 30, 203, 0.2);
  }
  .sylxae_m a {
    font-size: 14px;
    color: #771eda;
    text-transform: uppercase;
    transition: all ease 0.3s;
  }
  .sylxae_m:hover a {
    padding-left: 8px;
  }
  .sylxb {
    width: 60.277%;
    margin-right: -17%;
  }
  .sylxb > h2 {
    font-family: Arial;
    font-size: 42px;
    text-transform: uppercase;
    color: #f1f3ff;
    font-weight: 900;
    line-height: 30px;
    margin-left: 33%;
  }
  .sylxc {
    width: 100%;
    background-image: url(../img/y189.jpg);
    height: 705px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center left;
  }
  .sylxd {
    width: 55.299%;
    margin-left: 14%;
    padding-top: 74px;
  }
  .sylxd p {
    text-align: right;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 16px;
    margin-bottom: 34px;
  }
  .sylxd p span {
    font-size: 12px;
    line-height: 12px;
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 4px;
    display: inline-block;
    margin-right: 10px;
  }
  .sylxda {
    margin-top: 26px;
    position: relative;
    width: 100%;
  }
  .sylxda input {
    width: 100%;
    height: 52px;
    line-height: 52px;
    border: 2px solid #eeeeee;
    border-radius: 8px;
    padding-left: 19px;
    font-size: 14px;
    color: #82818f;
  }
  .sylxda::after {
    position: absolute;
    content: "";
    width: 4px;
    height: 26px;
    background-color: #b343ee;
    left: 0px;
    top: 12px;
  }
  .sylxda textarea {
    width: 100%;
    height: 116px;
    line-height: 24px;
    border: 2px solid #eeeeee;
    border-radius: 8px;
    padding-left: 19px;
    font-size: 14px;
    color: #82818f;
    padding-top: 12px;
  }
  .sylxdb {
    width: 100%;
    position: relative;
    margin-top: 23px;
  }
  .sylxdb input {
    float: left;
    width: 140px;
    height: 52px;
    line-height: 52px;
    border: 2px solid #eeeeee;
    border-radius: 8px;
    padding-left: 19px;
    font-size: 14px;
    color: #82818f;
  }
  .sylxdb img {
    float: left;
    width: 140px;
    height: 52px;
    margin-left: 16px;
    border: 2px solid #eeeeee;
    border-radius: 8px;
    cursor: pointer;
  }
  .sylxdb::after {
    position: absolute;
    content: "";
    width: 4px;
    height: 26px;
    background-color: #b343ee;
    left: 0px;
    top: 12px;
  }
  .sylxdc {
    margin-top: 23px;
    width: 100%;
  }
  .tjji {
    width: 140px;
    height: 52px;
    background-image: url(../img/y203.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    text-align: center;
    line-height: 52px;
    font-size: 18px;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    background-color: transparent;
  }
  .czhi {
    width: 140px;
    height: 52px;
    background-image: url(../img/y204.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    text-align: center;
    line-height: 52px;
    font-size: 18px;
    margin-left: 16px;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    background-color: transparent;
  }

  /*****************************************************内页*******************************************************/

  /*网站建设*/
  .wzjs {
    width: 100%;
    overflow: hidden;
  }
  .wzjsa {
    width: 100%;
    background-image: url(../img/y25.jpg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: top center;
    padding-top: 39px;
    padding-bottom: 7%;
  }
  .daoh {
    width: 96%;
    margin: 0 auto;
  }
  .logo {
    width: 200px;
  }
  .logo img {
    width: 100%;
  }
  .dh {
    margin-top: 25px;
  }
  .nav {
    width: 66%;
    margin-right: 1%;
    margin-top: 16px;
  }
  .nava {
    width: 10%;
    height: 31px;
    transition: all ease 0.3s;
    background-image: url(../img/y30.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center bottom -30px;
    position: relative;
  }
  .nava p {
    text-align: center;
    line-height: 31px;
  }
  .nava p a {
    font-size: 13px;
    color: #fff;
  }
  .navaa {
    background-image: url(../img/y30.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: bottom center;
  }
  .nava:hover {
    background-image: url(../img/y30.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center bottom;
  }
  .navb {
    width: 100%;
    position: absolute;
    top: 31px;
    left: 0;
    padding-top: 10px;
    z-index: 1000;
  }
  .navb_a {
    line-height: 36px;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.8);
    transition: all ease 0.3s;
  }
  .navb_a a {
    color: #3f3f3f;
    font-size: 13px;
    transition: all ease 0.3s;
  }
  .navb_a:hover {
    background-color: rgba(255, 255, 255, 1);
  }
  .navb_a:hover a {
    color: #8f4dff;
  }

  .wzjsb {
    margin-top: 10%;
  }
  .wzjsb_a {
    width: 45%;
    padding-left: 17px;
  }
  .wzjsb_a h2 {
    font-size: 28px;
    color: #ffffff;
    font-weight: bold;
    line-height: 78px;
    letter-spacing: 3px;
  }
  .wzjsb_a p {
    font-size: 14px;
    color: #e4e4e4;
    line-height: 24px;
    margin-top: 3%;
    margin-bottom: 6%;
    letter-spacing: 1px;
  }
  .wzjsb_h6 {
    width: 68px;
    height: 68px;
    border: 1px solid #ae81fa;
    border-radius: 50%;
    margin-left: 15px;
    display: table;
    cursor: pointer;
    transition: all ease 0.3s;
    background-image: url(../img/y33.png);
    background-size: 100% 100%;
    background-position: center left -78px;
    background-repeat: no-repeat;
  }
  .wzjsb_h6:nth-child(3) {
    margin-left: 0;
  }
  .wzjsb_h6 h6 {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #ae81fa;
    font-size: 13px;
    line-height: 20px;
    width: 100%;
    transition: all ease 0.3s;
  }
  .wzjsb_h6:hover {
    background-image: url(../img/y33.png);
    background-size: 100% 100%;
    background-position: center left;
    background-repeat: no-repeat;
  }
  .wzjsb_h6:hover h6 {
    color: #fff;
  }
  .wzjsb_m {
    width: 160px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    margin-top: 8%;
    border: 1px solid #ffffff;
    border-radius: 35px;
  }
  .wzjsb_m a {
    color: #fff;
    font-size: 14px;
    transition: all ease 0.3s;
  }
  .wzjsb_m:hover a {
    padding-left: 8px;
  }
  .wzjsb_t {
    width: 54.72%;
    margin-left: -5%;
  }
  .wzjsb_t img {
    width: 100%;
  }
  .mbx {
    margin-top: 2%;
    margin-right: 23px;
  }
  .mbx p {
    text-align: right;
    font-size: 12px;
    color: #6da8f8;
    line-height: 24px;
  }
  .mbx p a {
    font-size: 12px;
    color: #6da8f8;
    transition: all ease 0.3s;
  }
  .mbx a:hover {
    color: #fff;
  }
  .wzjsc {
    width: 100%;
    background-image: url(../img/y26.jpg);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 1%;
    padding-bottom: 12%;
    margin-top: -16px;
    position: relative;
  }
  .wzjsc_t {
    width: 52%;
  }
  .wzjsc_t img {
    width: 100%;
  }
  .wzjsc_w {
    width: 39%;
    margin-right: 4%;
    margin-top: 10%;
  }
  .wzjsc_w h2 {
    font-size: 28px;
    color: #3f3f3f;
    font-weight: bold;
    line-height: 38px;
    text-align: right;
    letter-spacing: 3px;
  }
  .wzjsc_w p {
    text-align: right;
    font-size: 14px;
    color: #3f3f3f;
    line-height: 24px;
    margin-top: 4%;
    margin-bottom: 6%;
    letter-spacing: 1px;
  }
  .wzjsc_w p span {
    display: block;
  }
  .wzjsc_h6 {
    width: 68px;
    height: 68px;
    border: 1px solid #ae81fa;
    border-radius: 50%;
    margin-left: 15px;
    display: table;
    cursor: pointer;
    transition: all ease 0.3s;
    background-image: url(../img/y33.png);
    background-size: 100% 0%;
    background-position: center bottom;
    background-repeat: no-repeat;
  }
  .wzjsc_h6:nth-child(6) {
    margin-left: 0;
  }
  .wzjsc_h6 h6 {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #ae81fa;
    font-size: 14px;
    line-height: 20px;
    width: 100%;
    transition: all ease 0.3s;
  }
  .wzjsc_h6:hover {
    background-image: url(../img/y33.png);
    background-size: 100% 100%;
    background-position: center bottom;
    background-repeat: no-repeat;
  }
  .wzjsc_h6:hover h6 {
    color: #fff;
  }
  .wzjsc_m {
    width: 160px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    margin-top: 8%;
    border: 1px solid #3f3f3f;
    border-radius: 35px;
  }
  .wzjsc_m a {
    color: #3f3f3f;
    font-size: 14px;
    transition: all ease 0.3s;
  }
  .wzjsc_m:hover a {
    padding-left: 8px;
  }
  .wzjsd {
    width: 100%;
    background-image: url(../img/y27.jpg);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 8%;
    padding-bottom: 14%;
  }
  .wzjsd_w {
    margin-top: 3%;
    padding-left: 16px;
    width: 40%;
  }
  .wzjsd_w h2 {
    font-size: 28px;
    color: #ffffff;
    font-weight: bold;
    line-height: 38px;
    letter-spacing: 3px;
  }
  .wzjsd_w p {
    font-size: 14px;
    color: #e4e4e4;
    line-height: 24px;
    margin-top: 4%;
    margin-bottom: 6%;
    letter-spacing: 1px;
  }
  .wzjsd_w p span {
    display: block;
  }
  .wzjsd_h6 {
    width: 68px;
    height: 68px;
    border: 1px solid #ae81fa;
    border-radius: 50%;
    margin-left: 15px;
    display: table;
    cursor: pointer;
    transition: all ease 0.3s;
    background-image: url(../img/y33.png);
    background-size: 100% 100%;
    background-position: center left -78px;
    background-repeat: no-repeat;
  }
  .wzjsd_h6:nth-child(3) {
    margin-left: 0;
  }
  .wzjsd_h6 h6 {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #ae81fa;
    font-size: 14px;
    line-height: 20px;
    width: 100%;
    transition: all ease 0.3s;
  }
  .wzjsd_h6:hover {
    background-image: url(../img/y33.png);
    background-size: 100% 100%;
    background-position: center left;
    background-repeat: no-repeat;
  }
  .wzjsd_h6:hover h6 {
    color: #fff;
  }
  .wzjsd_m {
    width: 160px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    margin-top: 8%;
    border: 1px solid #ffffff;
    border-radius: 35px;
  }
  .wzjsd_m a {
    color: #fff;
    font-size: 14px;
    transition: all ease 0.3s;
  }
  .wzjsd_m:hover a {
    padding-left: 8px;
  }
  .wzjsd_t {
    width: 52.5%;
    margin-right: 2.56%;
  }
  .wzjsd_t img {
    width: 100%;
  }
  .wzjse {
    width: 100%;
    background-image: url(../img/y28.jpg);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center;
    padding: 10% 0;
  }
  .wzjse .wzjsc_w {
    width: 96%;
    margin-top: 0;
  }
  .wzjse .wzjsc_w p {
    margin-top: 2%;
    margin-bottom: 4%;
  }
  .wzjse .wzjsc_m {
    margin-top: 5%;
  }
  .wzjsf {
    width: 100%;
    background-image: url(../img/y29.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 10% 0;
  }
  .wzjsf .wzjsd_w {
    width: 40%;
    margin-top: 0;
  }
  .wzjsf .wzjsd_w h2 {
    color: #fff;
  }
  .wzjsf .wzjsd_w p {
    color: #fff;
    line-height: 27px;
    letter-spacing: 1px;
  }
  .wzjsf .wzjsd_t {
    width: 66%;
    margin-left: -20%;
  }

  /*footer*/
  .yj {
    width: 100%;
    background-color: #22243b;
    padding-top: 79px;
  }
  .tja {
    margin-top: 17px;
  }
  .tjb {
    width: 56%;
  }
  .tjb_a {
    width: 25%;
  }
  .tjb_a h2 {
    font-size: 20px;
    color: #373c86;
    font-family: Arial;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 13px;
  }
  .tjb_a p {
    line-height: 29px;
  }
  .tjb_a p a {
    font-size: 12px;
    color: #fff;
    transition: all ease 0.3s;
  }
  .tjb_a p a:hover {
    color: #a538f6;
  }
  .ewm img:nth-child(2) {
    float: right;
    margin-top: 11px;
  }
  .yj .commen {
    position: relative;
    padding-bottom: 76px;
    cursor: pointer;
    border-bottom: 1px solid #2b2d4a;
  }
  .yj_fh {
    position: absolute;
    right: 0;
    bottom: -37px;
  }
  .yl {
    width: 100%;
    background-color: #22243b;
    height: 62px;
    padding-top: 18px;
  }
  .yla {
  }
  .yla > p {
    text-align: center;
    font-size: 12px;
    color: #656a98;
    line-height: 22px;
    float: left;
  }
  .ylb {
    width: 78.94%;
    margin-left: 10px;
    overflow: hidden;
  }
  .ylc {
    width: 2000px;
  }
  .yld p {
    padding-right: 25px;
    line-height: 22px;
  }
  .yld p a {
    font-size: 12px;
    color: #656a98;
    transition: all ease 0.3s;
  }
  .yla > img {
    float: right;
    cursor: pointer;
    margin-top: 3px;
  }
  .yld p a:hover {
    color: #fff;
  }
  .beia {
    margin-left: 0%;
    width: 100%;
  }
  .beia p {
    font-size: 12px;
    color: #656a98;
    float: left;
    line-height: 22px;
  }
  .beia p:nth-child(2) {
    margin-left: 40px;
    margin-top: -4px;
  }
  .beia p img {
    display: inline;
    position: relative;
    top: 3px;
  }
  .youl {
    width: 100%;
    padding-left: 10px;
    background-color: #22243b;
  }
  .youl p {
    font-size: 12px;
    color: #fff;
    line-height: 24px;
  }
  .youl p a {
    font-size: 12px;
    color: #fff;
    line-height: 24px;
  }

  /*添加的漂浮QQ*/
  .dong {
    width: 50px;
    position: fixed;
    right: 0;
    top: 50%;
    margin-top: -115px;
    z-index: 1000;
  }
  .sahng {
    width: 100%;
  }
  .xain {
    width: 100%;
    height: 50px;
    background: url(../img/zxkf.png) no-repeat center;
    background-color: #2c3066;
    position: relative;
    margin: 10px 0;
    cursor: pointer;
  }
  .danpo {
    width: 100%;
    height: 50px;
    background-color: #2c3066;
    position: absolute;
    top: 0;
    left: 0;
  }
  .danpo p {
    text-align: center;
    line-height: 16px;
    color: #fff;
    padding-top: 10px;
  }
  .dhaun {
    width: 320px;
    position: absolute;
    top: -20px;
    left: -310px;
  }
  .dinr {
    width: 300px;
    border-top: solid 4px #2c3066;
    background-color: #fff;
    border-bottom: solid 1px #ccc;
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
  }
  .weiya {
    width: 100%;
    border-bottom: solid 1px #ccc;
  }
  .weiya img {
    float: left;
    padding: 10px;
  }
  .weiya .yumin {
    float: left;
    padding: 10px;
  }
  .yumin span {
    font-size: 16px;
    color: #2c3066;
  }
  .yumin p {
    color: #ccc;
  }
  .botre {
    width: 100%;
    padding: 20px;
  }
  .kehug p {
    float: left;
  }
  .kehug p a {
    color: #828282;
  }
  .kehug img {
    float: left;
  }
  .jieh {
    color: #828282;
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
  }
  .kehug {
    line-height: 26px;
  }

  .daoma {
    width: 100%;
    height: 50px;
    border: solid 1px #ccc;
    background: url(../img/217.png) no-repeat center;
    background-color: #fff;
    position: relative;
    margin: 10px 0;
    cursor: pointer;
  }
  .zung {
    width: 100%;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
  }
  .zung p {
    text-align: center;
    line-height: 16px;
    color: #2c3066;
    padding-top: 10px;
  }
  .loainj {
    width: 320px;
    position: absolute;
    top: -20px;
    left: -310px;
  }
  .dingw {
    width: 300px;
    border-top: solid 4px #2c3066;
    background-color: #fff;
    border-bottom: solid 1px #ccc;
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
    padding: 10px;
  }
  .dingw img {
    float: left;
    padding: 10px;
  }
  .dingw .xiaw {
    float: left;
    padding: 10px;
  }
  .xiaw span {
    font-size: 20px;
    color: #828282;
    font-weight: bold;
  }
  .xiaw p {
    color: #939393;
    font-size: 14px;
    line-height: 22px;
  }

  .topb {
    width: 100%;
    height: 50px;
    border: solid 1px #ccc;
    background: url(../img/218.png) no-repeat center;
    background-color: #fff;
    position: relative;
    margin: 10px 0;
    cursor: pointer;
  }
  .libai {
    width: 100%;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
  }
  .libai p {
    text-align: center;
    line-height: 16px;
    color: #2c3066;
    padding-top: 10px;
  }
  .yeya {
    width: 200px;
    position: absolute;
    top: -20px;
    left: -190px;
  }
  .weic {
    width: 180px;
    border-top: solid 4px #2c3066;
    background-color: #fff;
    border-bottom: solid 1px #ccc;
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
    padding: 20px;
  }
  .rin {
    width: 100%;
  }
  .rin img {
    width: 100%;
  }
  .weic p {
    text-align: center;
    line-height: 30px;
  }

  .fanh {
    width: 100%;
    height: 50px;
    line-height: 16px;
    text-align: center;
    color: #fff;
    background-color: #2c3066;
    cursor: pointer;
  }
  .fanh p {
    padding-top: 10px;
    color: #fff;
    text-align: center;
  }

  /*网络营销*/
  .wlyxa {
    background-image: url(../img/y30.jpg);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 47px;
    padding-bottom: 4%;
  }
  .wlyxb {
    width: 100%;
    margin-top: 10%;
  }
  .wlyxb h2 {
    font-size: 58px;
    color: #9b68e6;
    text-align: center;
    font-family: Arial;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 44px;
    opacity: 0.3;
    letter-spacing: 3px;
  }
  .wlyxb p {
    text-align: center;
    font-size: 26px;
    color: #fff;
    font-weight: bold;
    line-height: 28px;
    position: relative;
    margin-top: -16px;
    letter-spacing: 3px;
  }
  .wlyxdiv {
    text-align: center;
    font-size: 26px;
    color: #fff;
    font-weight: bold;
    line-height: 28px;
    position: relative;
    margin-top: -16px;
    letter-spacing: 3px;
  }
  .wlyxdiv h1 {
    text-align: center;
    font-size: 26px;
    color: #fff;
    font-weight: bold;
    line-height: 28px;
    position: relative;
    margin-top: -16px;
    letter-spacing: 3px;
    display: inline;
  }
  .wlyxdiv span {
    color: #ffe84d;
  }
  .wlyxb h1 {
    text-align: center;
    font-size: 26px;
    color: #fff;
    font-weight: bold;
    line-height: 28px;
    position: relative;
    margin-top: -16px;
    letter-spacing: 3px;
    display: inline;
  }
  .wlyxb img {
    width: 64.86%;
    margin: 0 auto;
    margin-top: 68px;
  }
  .wlyxa .mbx {
    padding: 0 12px;
    margin-top: -25px;
    position: relative;
    z-index: 2;
  }
  .wlyxa .mbx p {
    color: #bfb4cd;
  }
  .wlyxa .mbx p a {
    color: #bfb4cd;
  }
  .wlyxa .mbx p a:hover {
    color: #4335c0;
  }
  .wlyxa .mbx p:nth-child(1) {
    float: left;
  }
  .wlyxa .mbx p:nth-child(2) {
    float: right;
  }
  .wlyxc {
    width: 100%;
  }
  .wlyxca {
    width: 88%;
    background-color: #f6f6f6;
    border-radius: 50px;
    padding: 3% 7%;
    margin: 0 auto;
  }
  .wlyxca p {
    font-size: 16px;
    color: #2c2c2c;
    line-height: 30px;
    text-align: center;
    letter-spacing: 0.55px;
  }
  .wlyxcb {
    width: 86%;
    margin: 0 auto;
    margin-top: 53px;
  }
  .wlyxcb_a {
    width: 33.32%;
    padding: 35px 0 48px 0;
  }
  .wlyxcb_a img {
    width: 88px;
    margin: 0 auto;
  }
  .wlyxcb_a:hover img {
    animation: bounce_a 2s infinite;
  }
  .wlyxcb_a p {
    text-align: center;
    font-size: 20px;
    color: #2c2c2c;
    line-height: 20px;
    margin-top: 25px;
  }
  .wlyxcb_a:nth-child(1) {
    border-right: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    position: relative;
  }
  .wlyxcb_a:nth-child(2) {
    border-right: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    position: relative;
  }
  .wlyxcb_a:nth-child(3) {
    border-bottom: 1px solid #efefef;
  }
  .wlyxcb_a:nth-child(4) {
    border-right: 1px solid #efefef;
  }
  .wlyxcb_a:nth-child(5) {
    border-right: 1px solid #efefef;
  }
  .wlyxcb_a:nth-child(1)::after {
    position: absolute;
    content: "";
    background-image: url(../img/y31.jpg);
    width: 90px;
    height: 70px;
    background-size: 100% 100%;
    right: -45px;
    bottom: -35px;
    z-index: 100;
  }
  .wlyxcb_a:nth-child(2)::after {
    position: absolute;
    content: "";
    background-image: url(../img/y31.jpg);
    width: 90px;
    height: 70px;
    background-size: 100% 100%;
    right: -45px;
    bottom: -35px;
    z-index: 100;
  }
  .wlyxd {
    width: 100%;
    background-image: url(../img/y32.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 100%;
    margin-top: 85px;
    padding-top: 4%;
    padding-bottom: 1%;
  }
  .wlyxd_t {
    width: 45%;
    margin-left: 6%;
  }
  .wlyxd_t img {
    width: 100%;
  }
  .wlyxd_w {
    width: 38%;
    margin-right: 6%;
  }
  .wlyxd_wa {
    width: 100%;
    margin-top: 13px;
    position: relative;
  }
  .wlyxd_an {
    position: absolute;
    right: -27px;
    bottom: -12px;
  }
  .wlyxd_an img {
    cursor: pointer;
  }
  .wlyxd_wa h2 {
    font-size: 28px;
    color: #fff;
    font-weight: bold;
    line-height: 38px;
  }
  .wlyxd_wa h3 {
    font-size: 20px;
    color: #ffe63e;
    font-weight: bold;
    line-height: 30px;
    margin-top: 12px;
  }
  .wlyxd_wa p {
    font-size: 18px;
    color: #fff;
    opacity: 0.3;
    line-height: 28px;
    margin-top: 3px;
  }
  .wlyxd_wb {
    width: 100%;
    height: 240px;
    margin-top: 36px;
    overflow: hidden;
  }
  .wlyxd_wc {
    width: 100%;
    height: 1000px;
  }
  .wlyxd_wd {
    height: 49px;
  }
  .wlyxd_wd p {
    height: 36px;
    line-height: 36px;
    width: 100%;
    background-color: #eeebfa;
    border-radius: 20px;
    padding-left: 46px;
    font-size: 12px;
    color: #333333;
  }
  .wlyxe {
    width: 90%;
    margin: 0 auto;
    margin-top: 80px;
  }
  .wlyxea h2 {
    text-align: center;
    font-size: 70px;
    color: #e7e3ff;
    font-weight: 900;
    font-family: Arial;
    text-transform: uppercase;
    line-height: 52px;
  }
  .wlyxea p {
    text-align: center;
    font-size: 24px;
    color: #414140;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 3px;
    margin-top: -16px;
  }
  .wlyxeb {
    width: 100%;
    margin-top: 40px;
  }
  .wlyxeb_a {
    width: 30%;
    height: 408px;
    background-color: #fff;
    border: 1px solid #f2f1ff;
    border-radius: 15px;
    position: relative;
    padding: 4% 4% 0 4%;
    box-shadow: 1px 6px 24px 1px rgba(177, 183, 243, 0.27);
  }
  .wlyxeb_a:nth-child(2) {
    margin: 0 5%;
  }
  .wlyxeb_a::after {
    position: absolute;
    content: "";
    width: 80px;
    height: 4px;
    background-color: #9587ee;
    left: calc(50% - 40px);
    top: -1px;
  }
  .wlyxeb_a img {
    display: table;
    margin: 0 auto;
  }
  .wlyxeb_a h2 {
    font-size: 18px;
    color: #3a30e5;
    font-weight: bold;
    line-height: 30px;
    margin-top: 40px;
    margin-bottom: 28px;
  }
  .wlyxeb_a p {
    font-size: 14px;
    color: #868686;
    padding-left: 12px;
    line-height: 24px;
    margin-top: 15px;
    position: relative;
  }
  .wlyxeb_a p::after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    background-color: #9587ee;
    border-radius: 50%;
    left: 0;
    top: 8px;
  }
  .wlyxf {
    width: 100%;
    background-image: url(../img/y33.jpg);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 80px;
    padding: 5% 0;
  }
  .wlyxg {
    width: 87.083%;
    margin-left: 3.68%;
  }
  .wlyxga {
    margin-right: 5px;
  }
  .wlyxga h2 {
    text-align: right;
    font-size: 70px;
    color: #7c44d1;
    font-weight: 900;
    font-family: Arial;
    text-transform: uppercase;
    line-height: 52px;
  }
  .wlyxga p {
    text-align: right;
    font-size: 30px;
    color: #fff;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 3px;
    margin-top: -16px;
    padding-right: 11px;
  }
  .wlyxgb {
    width: 100%;
    margin-top: -32px;
  }
  .wlyxgb_a {
    width: 28%;
    background-color: #fff;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    margin-bottom: 70px;
    box-shadow: 1px 1px 28px 6px rgba(120, 60, 191, 0.85);
  }
  .wlyxgb_a:nth-child(3n + 2) {
    margin: 0 8%;
    margin-bottom: 70px;
    top: 38px;
  }
  .wlyxgb_a:nth-child(3n + 3) {
    top: 75px;
  }
  .wlyxgb_at {
    width: 100%;
    overflow: hidden;
    margin-bottom: 30px;
  }
  .wlyxgb_at img {
    width: 100%;
  }
  .wlyxgb_a > h2 {
    font-size: 76px;
    color: #cfc3ed;
    font-weight: 900;
    font-family: Arial;
    font-style: italic;
    float: left;
    line-height: 58px;
    margin-left: 3%;
  }
  .wlyxgb_a > p {
    float: right;
    margin-right: 5%;
    font-size: 18px;
    color: #333333;
    font-weight: bold;
    line-height: 28px;
  }
  .wlyxgb_w {
    position: absolute;
    width: 90.41%;
    height: 90.41%;
    left: 4.795%;
    top: 4.795%;
    background-color: rgba(101, 51, 206, 0.9);
    border-radius: 15px;
    overflow: hidden;
    padding: 20px 10px 0 10px;
    transform: rotateY(-90deg);
    opacity: 0;
    transition: all ease 0.5s;
  }
  .wlyxgb_w h2 {
    font-family: Arial;
    font-size: 55px;
    color: #8867d7;
    text-align: center;
    font-weight: 900;
    line-height: 42px;
  }
  .wlyxgb_w h3 {
    font-size: 18px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    line-height: 20px;
    margin-top: -12px;
  }
  .wlyxgb_w p {
    text-align: center;
    line-height: 24px;
    color: #fff;
    font-size: 14px;
    margin-top: 14px;
  }
  .wlyxgb_w p span {
    display: block;
  }
  .wlyxgb_a:hover .wlyxgb_w {
    transform: rotateY(-0);
    opacity: 1;
  }
  .wlyxh {
    width: 100%;
    margin-top: 96px;
    padding-bottom: 27px;
    background-image: url(../img/y40.jpg);
    background-repeat: no-repeat;
    background-size: 1920px 140px;
    background-position: center bottom;
  }
  .wlyxha {
    width: 24%;
    margin-left: 2%;
    margin-top: 2%;
  }
  .wlyxhaa h2 {
    font-size: 70px;
    color: #e7e3ff;
    font-weight: 900;
    font-family: Arial;
    text-transform: uppercase;
    line-height: 52px;
  }
  .wlyxhaa p {
    font-size: 24px;
    color: #414140;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 3px;
    margin-top: -16px;
  }
  .wlyxhab {
    width: 100%;
    margin-top: 8%;
    margin-left: 14px;
  }
  .wlyxhab_a {
    width: 100%;
  }
  .wlyxhab_a h2 {
    font-size: 16px;
    color: #464545;
    line-height: 28px;
    background-image: url(../img/y55.png);
    background-repeat: no-repeat;
    display: inline-block;
    background-size: 100% 12px;
    background-position: bottom left;
    padding: 0 46px 0 10px;
  }
  .wlyxhab_a p {
    font-size: 14px;
    color: #868686;
    line-height: 28px;
    margin-top: 7px;
    padding-left: 11px;
  }
  .wlyxhab_m {
    width: 180px;
    height: 50px;
    background-color: #fff;
    border-radius: 30px;
    text-align: center;
    line-height: 50px;
    margin-top: 3%;
    box-shadow: 1px 7px 16px 1px rgba(120, 33, 220, 0.16);
  }
  .wlyxhab_m a {
    text-transform: uppercase;
    font-size: 16px;
    color: #9b21e4;
    transition: all ease 0.3s;
  }
  .wlyxhab_m:hover a {
    padding-left: 8px;
  }
  .wlyxhb {
    width: 54%;
    margin-left: 4%;
  }
  .wlyxhb_a {
    width: 100%;
  }
  .wlyxhb_a img {
    width: 100%;
  }
  .wlyxhc_a {
    margin-top: 17px;
    margin-left: 39px;
  }
  .wlyxhc_a img {
    cursor: pointer;
  }
  .wlyxi {
    width: 92%;
    margin: 0 auto;
    margin-top: 80px;
    margin-bottom: -82px;
  }
  .wlyxia h2 {
    font-size: 70px;
    color: #e7e3ff;
    font-weight: 900;
    font-family: Arial;
    text-transform: uppercase;
    line-height: 52px;
    text-align: center;
  }
  .wlyxia p {
    font-size: 24px;
    color: #414140;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 3px;
    margin-top: -16px;
    text-align: center;
  }
  .wlyxia h6 {
    text-align: center;
    font-size: 14px;
    color: #868686;
    line-height: 24px;
    margin-top: 10px;
  }
  .wlyxib {
    width: 100%;
    margin-top: 46px;
  }
  .wlyxib_a {
    width: 46%;
    background-color: #fff;
    border: 1px solid #f2f1ff;
    border-radius: 15px;
    position: relative;
    height: 322px;
    box-shadow: 1px 6px 24px 1px rgba(177, 183, 243, 0.27);
    padding: 5% 6% 0 6%;
  }
  .wlyxib_a::after {
    position: absolute;
    content: "";
    width: 80px;
    height: 4px;
    background-color: #9587ee;
    left: calc(50% - 40px);
    top: -1px;
  }
  .wlyxib_a h2 {
    font-size: 20px;
    color: #7335ef;
    text-align: center;
    background-image: url(../img/y56.png);
    background-repeat: no-repeat;
    background-size: 100% 12px;
    background-position: bottom left;
    width: 100%;
    line-height: 34px;
    margin-bottom: 2%;
  }
  .wlyxib_w {
    width: 96%;
    margin: 0 auto;
  }
  .wlyxib_w p {
    font-size: 14px;
    color: #868686;
    width: 48%;
    float: left;
    line-height: 24px;
    height: 24px;
    margin-top: 20px;
    padding-left: 13px;
    position: relative;
  }
  .wlyxib_w p:nth-child(2n) {
    float: right;
  }
  .wlyxib_w p::after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    background-color: #9587ee;
    border-radius: 50%;
    left: 0;
    top: 8px;
  }
  .wlyxm {
    width: 100%;
    background-image: url(../img/y41.jpg);
    height: 340px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 130px;
  }
  .wlyxm h2 {
    text-align: center;
    font-size: 28px;
    color: #fff;
    line-height: 30px;
    letter-spacing: 2px;
  }
  .wlyxm h2 span {
    font-weight: bold;
  }
  .wlyxm p {
    text-align: center;
    font-size: 16px;
    color: #e0e0e0;
    line-height: 26px;
    margin-top: 12px;
    letter-spacing: 2px;
  }
  .wlyxm_m {
    width: 180px;
    height: 50px;
    background-color: #fff;
    border-radius: 30px;
    text-align: center;
    line-height: 50px;
    margin: 0 auto;
    margin-top: 43px;
  }
  .wlyxm_m a {
    font-size: 18px;
    color: #9b21e4;
    transition: all ease 0.3s;
  }
  .wlyxm_m:hover a {
    padding-left: 8px;
  }
  /*推荐资讯*/
  .tjzx {
    width: 100%;
    margin-top: 54px;
  }
  .tjzx_top p {
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    color: #3d3d3d;
    line-height: 54px;
    letter-spacing: 2px;
  }
  .tjzx_top img {
    width: 517px;
    margin: 0 auto;
  }
  .tjzxa {
    width: 100%;
    background-color: #f6f6f6;
    padding: 50px 0;
  }
  .tjzxb {
    width: 28.611%;
    margin: 8px 2.361%;
    background-color: #fff;
    padding: 22px 30px 23px 39px;
    transition: all ease 0.3s;
  }
  .tjzxb_a {
    width: 25.43%;
    padding-top: 15px;
  }
  .tjzxb_a h2 {
    font-family: Arial;
    font-size: 38px;
    color: #999999;
    line-height: 27px;
    font-weight: 900;
  }
  .tjzxb_xt {
    width: 17px;
    height: 1px;
    background-color: #eeeeee;
    margin-top: 16px;
  }
  .tjzxb_a p {
    font-size: 12px;
    color: #636363;
    line-height: 12px;
    margin-top: 18px;
  }
  .tjzxb_b {
    width: 71.2%;
    padding-left: 36px;
    border-left: 1px solid #ededed;
    padding-top: 6px;
    padding-bottom: 11px;
  }
  .tjzxb_b p {
    font-size: 16px;
    color: #3d3d3d;
    line-height: 28px;
    height: 56px;
    overflow: hidden;
  }
  .tjzxb_b img {
    margin-top: 20px;
    transition: all ease 0.3s;
  }
  .tjzxb:hover {
    box-shadow: 1px 1px 16px 0px rgba(120, 33, 220, 0.16);
  }
  .tjzxb:hover .tjzxb_b img {
    margin-left: 6px;
  }
  /*联系*/
  .lx {
    width: 100%;
    padding: 49px 0 70px 0;
  }
  .lxa {
    margin-left: 2%;
  }
  .lxb {
    margin-left: 4%;
    margin-top: 27px;
  }
  .lxba {
    margin-bottom: 14px;
  }
  .lxba img {
    float: left;
  }
  .lxba p {
    float: left;
    margin-left: 22px;
    font-size: 12px;
    color: #82818f;
    line-height: 21px;
    margin-top: 13px;
  }
  .lxba p span {
    font-size: 14px;
    color: #4b4e77;
    display: block;
  }
  .lxc {
    margin-left: 4%;
    margin-top: 16px;
  }
  .lxd {
    width: 43.26%;
    margin-right: 3%;
    position: relative;
  }
  .lxda {
    width: 65.32%;
  }
  .lxda input {
    width: 100%;
    height: 52px;
    line-height: 52px;
    border: 2px solid #eeeeee;
    border-radius: 8px;
    padding-left: 19px;
    font-size: 14px;
    color: #82818f;
  }
  .lxdaa {
    position: relative;
    width: 100%;
    margin-top: 12px;
  }
  .lxdaa::after {
    position: absolute;
    content: "";
    width: 4px;
    height: 26px;
    background-color: #b343ee;
    left: 0px;
    top: 12px;
  }
  .lxda textarea {
    width: 100%;
    height: 116px;
    line-height: 24px;
    border: 2px solid #eeeeee;
    border-radius: 8px;
    padding-left: 19px;
    font-size: 14px;
    color: #82818f;
    padding-top: 15px;
  }
  .lxdb {
    width: 31.13%;
  }
  .lxdb .lxdaa input {
    width: 100%;
    height: 52px;
    line-height: 52px;
    border: 2px solid #eeeeee;
    border-radius: 8px;
    padding-left: 19px;
    font-size: 14px;
    color: #82818f;
  }
  .lxdb img {
    width: 100%;
    height: 52px;
    border: 2px solid #eeeeee;
    border-radius: 8px;
    margin-top: 12px;
    cursor: pointer;
  }
  .tij {
    width: 31.13%;
    position: absolute;
    right: 0;
    bottom: 3px;
  }
  .tij input {
    background-image: url(../img/y64.png);
    height: 52px;
    width: 100%;
    background-size: 100% 100%;
    color: #fff;
    font-size: 18px;
    text-align: center;
    line-height: 52px;
    cursor: pointer;
    border-radius: 5px;
  }

  /*网络推广*/
  .wltga {
    width: 100%;
    background-image: url(../img/y43.jpg);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 47px;
    padding-bottom: 8%;
  }
  .wltga .wlyxb {
    margin-top: 10%;
  }
  .wltga .wlyxb h6 {
    text-align: center;
    line-height: 25px;
    font-size: 14px;
    color: #fff;
    margin-top: 26px;
  }
  .wltga .wlyxb img {
    width: 55%;
    float: right;
    margin-right: 4.583%;
    margin-top: 31px;
  }
  .wltga .mbx {
    padding: 0 12px;
    margin-top: 0;
    position: relative;
  }
  .wltga .mbx p {
    color: #bfb4cd;
  }
  .wltga .mbx p a {
    color: #bfb4cd;
  }
  .wltga .mbx p a:hover {
    color: #4335c0;
  }
  .wltga .mbx p:nth-child(1) {
    float: left;
  }
  .wltga .mbx p:nth-child(2) {
    float: right;
  }
  .wltg {
    background-image: url(../img/y44.jpg);
    background-repeat: no-repeat;
    background-position: center top 83px;
    background-size: auto 100%;
    margin-top: -16px;
    width: 100%;
    position: relative;
    padding-bottom: 120px;
  }
  .wltgba {
    width: 44%;
    margin-left: 4%;
    margin-top: 4%;
  }
  .wltgba_a h2 {
    font-size: 70px;
    color: #e7e3ff;
    font-weight: 900;
    font-family: Arial;
    text-transform: uppercase;
    line-height: 52px;
  }
  .wltgba_a p {
    font-size: 24px;
    color: #414140;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 3px;
    margin-top: -14px;
  }
  .wltgba_b {
    width: 100%;
    margin-top: 39px;
  }
  .wltgba_b p {
    font-size: 14px;
    color: #868686;
    line-height: 24px;
  }
  .wltgba_b p span {
    background-image: url(../img/y56.png);
    background-size: 100% 12px;
    background-repeat: no-repeat;
    background-position: bottom center;
  }
  .wltgba_b p br {
    display: none;
  }
  .wltgba_c {
    width: 100%;
    margin-top: 46px;
  }
  .wltgba_ca h2 {
    font-size: 19.5px;
    color: #7a2dc0;
    text-transform: uppercase;
    line-height: 26px;
    text-align: center;
    letter-spacing: 2px;
  }
  .wltgba_ca h2 span {
    font-size: 30px;
    font-weight: bold;
  }
  .wltgba_ca p {
    text-align: center;
    font-size: 12px;
    color: #bfb4cd;
    line-height: 12px;
    margin-top: 8px;
  }
  .wltgba_ca:nth-child(2) {
    margin: 0 9.5%;
  }
  .wltgbb {
    width: 34%;
    margin-right: 4%;
  }
  .wltgbb img {
    width: 100%;
  }
  .wltg_dwt {
    display: none;
  }
  .wltgc {
    width: 96%;
    margin-left: 4%;
    margin-top: 80px;
  }
  .wltgca {
    position: relative;
  }
  .wltgca h2 {
    font-size: 70px;
    color: #e7e3ff;
    font-weight: 900;
    font-family: Arial;
    text-transform: uppercase;
    line-height: 52px;
  }
  .wltgca p {
    font-size: 24px;
    color: #414140;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 3px;
    margin-top: -14px;
  }
  .wltgc_an {
    position: absolute;
    right: 5%;
    bottom: -6px;
  }
  .wltgc_an img {
    cursor: pointer;
  }
  .wltgc_z {
    margin-right: 7px;
  }
  .wltgcb {
    width: 1568px;
    margin-top: 43px;
    overflow: hidden;
    margin-left: -10px;
  }
  .wltgcc {
    width: 10000px;
  }
  .wltgcd {
    width: 300px;
    padding-bottom: 20px;
    padding-top: 5px;
  }
  .wltgce {
    width: 88%;
    background-color: #fff;
    height: 225px;
    border: 1px solid #f2f1ff;
    border-radius: 15px;
    position: relative;
    box-shadow: 1px 6px 24px 1px rgba(177, 183, 243, 0.27);
    padding-top: 45px;
    margin-left: 10px;
  }
  .wltgce::after {
    position: absolute;
    content: "";
    width: 80px;
    height: 4px;
    background-color: #9587ee;
    left: calc(50% - 40px);
    top: -1px;
  }
  .wltgce img {
    width: 87px;
    margin: 0 auto;
  }
  .wltgce p {
    text-align: center;
    font-size: 18px;
    color: #454353;
    line-height: 30px;
    margin-top: 27px;
  }
  .wltgd {
    width: 100%;
    margin-top: 82px;
  }
  .wltgda {
    margin-left: 9%;
  }
  .wltgda h2 {
    font-size: 70px;
    color: #e7e3ff;
    font-weight: 900;
    font-family: Arial;
    text-transform: uppercase;
    line-height: 57px;
  }
  .wltgda p {
    font-size: 24px;
    color: #414140;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 3px;
    margin-top: -14px;
    margin-left: 34px;
  }
  .wltgdb {
    margin-left: 4%;
    background-image: url(../img/y74.png);
    width: 1400px;
    background-size: auto 100%;
    background-repeat: no-repeat;
    margin-top: -14px;
    padding: 7% 0 6% 9%;
  }
  .wltgdb p {
    width: 450px;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    line-height: 38px;
    background-image: url(../img/y75.png);
    background-repeat: no-repeat;
    background-size: 100% 31px;
    background-position: center bottom;
    padding-left: 48px;
    letter-spacing: 2px;
  }
  .wltge {
    background-image: url(../img/y76.png);
    width: 88%;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: auto 100%;
    margin-top: 90px;
    box-shadow: 1px 15px 30px 2px rgba(159, 40, 197, 0.05);
    border-radius: 10px;
    padding-bottom: 12%;
  }
  .wltgea h2 {
    font-size: 70px;
    color: #e7e3ff;
    font-weight: 900;
    font-family: Arial;
    text-transform: uppercase;
    line-height: 57px;
    text-align: center;
  }
  .wltgea p {
    font-size: 24px;
    color: #414140;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 3px;
    margin-top: -21px;
    margin-left: 34px;
    text-align: center;
  }
  .wltgeb {
    margin-top: 51px;
  }
  .wltge_xt {
    width: 35px;
    height: 4px;
    background-color: #fbd539;
    margin: 0 auto;
  }
  .wltgeb p {
    font-size: 16px;
    color: #454353;
    line-height: 30px;
    text-align: center;
    margin-top: 16px;
  }
  .wltgeb p span {
    display: block;
  }
  .wltgec {
    width: 80%;
    margin: 0 auto;
  }
  .wltgeca {
    width: 100%;
    margin-top: 70px;
  }
  .wltgec img {
    float: left;
    width: 15.5%;
    box-shadow: 1px 6px 20px 0px rgba(191, 191, 243, 0.54);
    border-radius: 50%;
  }
  .wltgec p {
    float: left;
    width: 17.833%;
    font-size: 15px;
    color: #454353;
    background-image: url(../img/y83.png);
    background-repeat: repeat-x;
    background-size: 100% 1px;
    background-position: left bottom;
    line-height: 32px;
    margin-top: 4%;
    padding-left: 12px;
  }
  .wltgf {
    background-image: url(../img/y45.jpg);
    margin-top: 0;
  }
  .wltg_dwt1 {
    display: none;
  }
  .wltgg {
    margin-top: 80px;
    height: 320px;
    padding-top: 90px;
  }

  .wltg_al {
    width: 92%;
    margin: 0 auto;
    margin-top: 90px;
  }
  .wltg_ala h2 {
    font-size: 70px;
    color: #e7e3ff;
    font-weight: 900;
    font-family: Arial;
    text-transform: uppercase;
    line-height: 57px;
    text-align: center;
  }
  .wltg_ala p {
    font-size: 24px;
    color: #414140;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 3px;
    margin-top: -20px;
    text-align: center;
  }
  .wltg_alb {
    width: 100%;
    margin-top: 27px;
    background-image: url(../img/y90.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 91%;
    padding: 5% 5% 0 5%;
    border-radius: 10px;
  }
  .wltg_alc {
    width: 100%;
  }
  .wltg_ald {
    width: 52.7%;
  }
  .wltg_ald > p {
    font-size: 22px;
    color: #414140;
    letter-spacing: 2px;
    margin-bottom: 20px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .wltg_alda {
    background-color: #fff;
    border: 1px solid #eeeeee;
    border-radius: 5px;
    width: 25%;
    border-left: none;
    padding: 4.5% 0;
  }
  .wltg_alda:nth-child(2) {
    border-left: 1px solid #eeeeee;
  }
  .wltg_alda img:nth-child(1) {
    width: 45px;
    margin: 0 auto;
  }
  .wltg_alda p {
    font-size: 19px;
    color: #666666;
    text-align: center;
    letter-spacing: 2px;
    line-height: 30px;
    margin-top: 14px;
    height: 60px;
  }
  .wltg_alda h6 {
    text-align: center;
    font-size: 22px;
    color: #e11d11;
    font-family: Arial;
    font-weight: 900;
    line-height: 22px;
    margin-top: 5%;
  }
  .wltg_alda img:nth-child(3) {
    width: 84px;
    margin: 0 auto;
    margin-top: 4%;
    height: 22px;
  }
  .wltg_ale {
    width: 45.121%;
    background-color: #2a2a2a;
    padding: 25px 18px;
    border-radius: 20px;
    box-shadow: 1px 10px 30px 0px rgba(137, 66, 233, 0.19);
  }
  .wltg_ale img {
    width: 100%;
  }
  .wltg_alqh {
    margin-left: 51px;
    margin-top: 15px;
  }
  .wltg_alqha {
    width: 12px;
    height: 12px;
    background-color: #939393;
    border-radius: 50%;
    margin: 0 5px;
    cursor: pointer;
  }
  .wltg_alqhaa {
    background-color: #9348e6;
  }

  /*移动营销*/
  .ydyxa {
    width: 100%;
    background-image: url(../img/y47.jpg);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 47px;
    padding-bottom: 8%;
  }
  .ydyxa .wlyxb {
    margin-top: 10%;
  }
  .ydyxa .wlyxb h6 {
    text-align: center;
    line-height: 30px;
    font-size: 15px;
    color: #fff;
    margin-top: 24px;
  }
  .ydyxa .wlyxb h6 span {
    display: block;
  }
  .ydyxa .wlyxb img {
    width: 220px;
    margin: 0 auto;
    margin-top: 36px;
  }
  .ydyxa .mbx {
    padding: 0 8px;
    margin-top: 10%;
    position: relative;
    z-index: 10;
  }
  .ydyxa .mbx p {
    color: #bfb4cd;
  }
  .ydyxa .mbx p a {
    color: #bfb4cd;
  }
  .ydyxa .mbx p a:hover {
    color: #fff;
  }
  .ydyxa .mbx p:nth-child(1) {
    float: left;
  }
  .ydyxa .mbx p:nth-child(2) {
    float: right;
  }
  .ydyxb {
    width: 100%;
    position: relative;
    top: -140px;
  }
  .ydyxba {
    width: 56.18%;
    margin-left: 16%;
  }
  .ydyxba img {
    width: 100%;
  }
  .ydyxbb {
    width: 35%;
    margin-left: -12.5%;
    margin-top: 18%;
  }
  .ydyxbb p {
    background-image: url(../img/y93.png);
    background-repeat: no-repeat;
    background-size: 54px 27px;
    background-position: left center;
    padding-left: 60px;
    font-size: 13px;
    color: #454353;
    margin-top: 12px;
    line-height: 27px;
  }
  .ydyxbb p:nth-child(2) {
    margin-left: -17px;
  }
  .ydyxbb p:nth-child(3) {
    margin-left: -35px;
  }
  .ydyxc {
    width: 100%;
    top: -90px;
    position: relative;
  }
  .ydyxca {
    width: 52%;
    padding-left: 2%;
    position: relative;
    margin-top: 9px;
  }
  .ydyxca h2 {
    font-size: 26px;
    color: #6e73e7;
    font-weight: bold;
    line-height: 52px;
    letter-spacing: 2px;
  }
  .ydyxca h3 {
    font-size: 22px;
    color: #6e73e7;
    font-weight: bold;
    line-height: 30px;
    letter-spacing: 2px;
    background-image: url(../img/y94.png);
    background-repeat: no-repeat;
    background-size: 100% 14px;
    background-position: center bottom;
    display: inline-block;
    padding-left: 20px;
    padding-right: 28px;
    margin-left: -20px;
  }
  .ydyxca p {
    font-size: 14px;
    color: #868686;
    line-height: 28px;
    margin-top: 8%;
  }
  .ydyxca p span {
    background-image: url(../img/y95.png);
    background-repeat: no-repeat;
    background-size: 100% 10px;
    background-position: center bottom;
  }
  .ydyxca_m {
    width: 220px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: #6f55eb;
    margin-top: 8%;
    border-radius: 50px;
    box-shadow: 1px 5px 25px 1px rgba(69, 117, 220, 0.22);
  }
  .ydyxca_m a {
    font-size: 17px;
    color: #fff;
    letter-spacing: 2px;
    transition: all ease 0.3s;
  }
  .ydyxca_m:hover a {
    padding-left: 8px;
  }
  .ydyxcb {
    width: 72%;
    margin-left: -30%;
  }
  .ydyxcb img {
    width: 100%;
  }
  .ydyxd {
    width: 96%;
    margin: 0 auto;
    top: -20px;
    position: relative;
  }
  .ydyxda h2 {
    font-size: 70px;
    color: #e7e3ff;
    font-weight: 900;
    font-family: Arial;
    text-transform: uppercase;
    line-height: 52px;
    text-align: center;
  }
  .ydyxda p {
    font-size: 24px;
    color: #414140;
    font-weight: bold;
    line-height: 20px;
    letter-spacing: 3px;
    margin-top: -20px;
    text-align: center;
  }
  .ydyxdb {
    width: 100%;
    margin-top: 5%;
  }
  .ydyxdb_a {
    width: 28%;
    background-color: #fff;
    border: 1px solid #f2f1ff;
    border-radius: 15px;
    position: relative;
    height: 580px;
    box-shadow: 1px 6px 24px 1px rgba(177, 183, 243, 0.27);
    padding: 5% 3.5% 0 3.5%;
  }
  .ydyxdb_a:nth-child(2) {
    margin: 0 8%;
  }
  .ydyxdb_a::after {
    position: absolute;
    content: "";
    width: 80px;
    height: 4px;
    background-color: #9587ee;
    left: calc(50% - 40px);
    top: -1px;
  }
  .ydyxdb_a img {
    width: 72px;
    margin: 0 auto;
  }
  .ydyxdb_a h6 {
    font-size: 18px;
    color: #454353;
    line-height: 28px;
    margin-top: 6%;
  }
  .ydyxdb_a p {
    font-size: 14px;
    color: #868686;
    line-height: 22px;
    padding-left: 12px;
    background-image: url(../img/y99.png);
    background-repeat: no-repeat;
    background-position: left top 8.5px;
    margin-top: 5.5%;
  }
  .ydyxdb_a span {
    display: block;
    font-size: 12px;
    line-height: 22px;
    margin-bottom: 10px;
  }
  .ydyxe {
    width: 100%;
    position: relative;
    margin-top: 7%;
  }
  .ydyxe_top h2 {
    font-size: 70px;
    color: #e7e3ff;
    font-weight: 900;
    font-family: Arial;
    text-transform: uppercase;
    line-height: 52px;
    text-align: center;
  }
  .ydyxe_top p {
    font-size: 24px;
    color: #414140;
    font-weight: bold;
    line-height: 20px;
    letter-spacing: 3px;
    margin-top: -20px;
    text-align: center;
  }
  .ydyxf {
    width: 100%;
    background-image: url(../img/y100.png);
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    margin-top: -11px;
    padding-top: 12%;
    padding-bottom: 8%;
  }

  .ydyxfa {
    width: 90%;
    margin: 0 auto;
  }
  .ydyxfa_a {
    width: 22.5%;
    margin: 0 1.25%;
    background-color: #fff;
    height: 210px;
    border-radius: 15px;
    padding: 4% 3% 0 3%;
    position: relative;
  }
  .ydyxfa_a h2 {
    font-size: 18px;
    color: #313131;
    font-weight: bold;
    line-height: 28px;
  }
  .ydyxfa_a p {
    font-size: 12px;
    color: #868686;
    line-height: 24px;
    margin-top: 15px;
  }
  .ydyxfa_a::after {
    position: absolute;
    content: "";
    background-image: url(../img/y102.png);
    width: 76px;
    height: 33px;
    background-size: 100%;
    left: calc(50% - 38px);
    bottom: -33px;
  }
  .ydyxfa_a::before {
    position: absolute;
    content: "";
    background-image: url(../img/y101.png);
    width: 26px;
    height: 26px;
    background-size: 100%;
    left: calc(50% - 13px);
    bottom: -78px;
  }
  .ydyxfb {
    width: 100%;
    padding: 0 15px;
    margin-top: 63px;
  }
  .ydyxfb img {
    width: 100%;
  }
  .ydyxfc {
    width: 68%;
    margin: 0 auto;
    margin-top: 62px;
  }
  .ydyxfc_a {
    width: 30.333%;
    margin: 0 1.5%;
    background-color: #fff;
    height: 210px;
    border-radius: 15px;
    padding: 4% 3% 0 3%;
    position: relative;
  }
  .ydyxfc_a h2 {
    font-size: 18px;
    color: #f9155a;
    font-weight: bold;
    line-height: 28px;
    background-image: url(../img/y105.png);
    background-size: 100% 14px;
    background-repeat: no-repeat;
    background-position: center bottom;
    display: inline-block;
    padding-right: 4px;
  }
  .ydyxfc_a p {
    font-size: 12px;
    color: #868686;
    line-height: 24px;
    margin-top: 15px;
  }
  .ydyxfc_a::after {
    position: absolute;
    content: "";
    background-image: url(../img/y103.png);
    width: 76px;
    height: 33px;
    background-size: 100%;
    left: calc(50% - 38px);
    top: -33px;
  }
  .ydyxfc_a::before {
    position: absolute;
    content: "";
    background-image: url(../img/y101.png);
    width: 26px;
    height: 26px;
    background-size: 100%;
    left: calc(50% - 13px);
    top: -78px;
  }
  .ydyxg {
    width: 100%;
    position: relative;
    margin-bottom: 90px;
    margin-top: 8%;
  }
  .ydyxh {
    width: 100%;
    margin-top: 90px;
  }
  .ydyxha {
    width: 38%;
    margin-left: 2%;
  }
  .ydyxhaa {
    padding: 0 0 0 24px;
  }
  .ydyxhaa h2 {
    font-size: 22px;
    color: #454353;
    line-height: 48px;
    background-image: url(../img/y107.png);
    background-size: 100% 25px;
    background-repeat: no-repeat;
    background-position: center bottom;
    padding: 0 22px;
    display: inline-block;
  }
  .ydyxha_p {
    width: 100%;
    margin-top: 2%;
  }
  .ydyxhaa p {
    font-size: 14px;
    color: #868686;
    padding-left: 19px;
    width: 50%;
    line-height: 24px;
    background-image: url(../img/y99.png);
    background-repeat: no-repeat;
    background-position: left 6px top 8.5px;
    float: left;
    margin-top: 12px;
  }
  .ydyxhab p {
    width: 100%;
  }
  .ydyxhac {
    background-image: url(../img/y108.png);
    background-size: 100% 100%;
    background-position: center;
    padding: 4% 0 5% 24px;
    margin-top: 42px;
    margin-bottom: 33px;
  }
  .ydyxhb {
    width: 61.527%;
    margin-left: -20%;
    margin-top: 33px;
  }
  .ydyxhb img {
    width: 100%;
  }
  .sjyx_al {
    width: 100%;
    margin-top: 74px;
  }
  .sjyx_ala {
    width: 28%;
    margin-left: 2%;
    margin-top: 6%;
  }
  .sjyx_alaa h2 {
    font-size: 70px;
    color: #e7e3ff;
    font-weight: 900;
    font-family: Arial;
    text-transform: uppercase;
    line-height: 52px;
  }
  .sjyx_alaa p {
    font-size: 24px;
    color: #414140;
    font-weight: bold;
    line-height: 22px;
    letter-spacing: 3px;
    margin-top: -14px;
  }
  .sjyx_alab {
    width: 100%;
    margin-top: 120px;
  }
  .sjyx_alac {
    width: 100%;
  }
  .sjyx_alac h2 {
    font-size: 16px;
    color: #464545;
    background-image: url(../img/y55.png);
    background-size: 100% 12px;
    background-position: center bottom;
    background-repeat: no-repeat;
    line-height: 26px;
    display: inline-block;
    padding: 0 11px;
  }
  .sjyx_alac p {
    font-size: 14px;
    color: #868686;
    line-height: 26px;
    margin-top: 14px;
    padding-left: 11px;
    height: 180px;
  }
  .sjyx_alam {
    width: 220px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: #6f55eb;
    margin-top: 12%;
    border-radius: 50px;
    box-shadow: 1px 5px 25px 1px rgba(69, 117, 220, 0.22);
  }
  .sjyx_alam a {
    font-size: 18px;
    color: #fff;
    letter-spacing: 2px;
    transition: all ease 0.3s;
  }
  .sjyx_alam:hover a {
    padding-left: 8px;
  }
  .sjyx_alb {
    width: 550px;
    margin-right: 9%;
    position: relative;
  }
  #swiper_sjal {
    width: 100%;
    padding: 0 20px;
  }
  #swiper_sjal .swiper-slide {
    width: 70%;
  }
  #swiper_sjal .swiper-slide-duplicate-prev {
    opacity: 0;
  }
  #swiper_sjal .swiper-slide-duplicate-next {
    opacity: 0;
  }
  #swiper_sjal .swiper-slide-duplicate-active {
    opacity: 0;
  }
  #swiper_sjal .swiper-slide-prev img {
    opacity: 0.6;
  }
  #swiper_sjal .swiper-slide-next img {
    opacity: 0.6;
  }
  #swiper_sjal .swiper-slide-active {
    margin-top: 0px;
  }
  .sjyx_alc {
    width: 100%;
    background-image: url(../img/y109.png);
    padding: 38px 36px 33px 35px;
    background-size: 100% 100%;
    border-radius: 50px;
  }
  .sjyx_alc img {
    width: 100%;
    border-radius: 50px;
  }
  #swiper-button-prev-sjal {
    background-image: url(../img/y73.png);
    width: 90px;
    height: 65px;
    background-size: 100% 100%;
    left: -100px;
    outline: none;
  }
  #swiper-button-next-sjal {
    background-image: url(../img/y72.png);
    width: 90px;
    height: 65px;
    background-size: 100% 100%;
    right: -100px;
    outline: none;
  }

  /*电商托管*/
  .dstga {
    width: 100%;
    background-image: url(../img/g22.jpg);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 47px;
    padding-bottom: 12%;
  }
  .dstga .wlyxb {
    margin-top: 8%;
  }
  .dstga .wlyxb h6 {
    text-align: center;
    line-height: 31px;
    font-size: 16px;
    color: #fff;
    margin-top: 37.5px;
    letter-spacing: 1px;
    text-transform: uppercase;
  }
  .dstga .wlyxb h5 {
    font-size: 18px;
    color: #ffe84d;
    font-weight: bold;
    text-align: center;
    line-height: 28px;
    margin-top: 31px;
    letter-spacing: 1px;
  }
  .dstga .wlyxb h2 {
    font-size: 58px;
    color: #9b68e6;
    text-align: center;
    font-family: Arial;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 47px;
    opacity: 0.3;
    letter-spacing: 3px;
  }
  .dstga .wlyxb p {
    text-align: center;
    font-size: 28px;
    color: #fff;
    font-weight: bold;
    line-height: 28px;
    position: relative;
    margin-top: -16px;
    letter-spacing: 3px;
  }
  .wlyxb p span {
    color: #ffe84d;
  }
  .dstga .wlyxb img {
    width: 255px;
    margin: 0 auto;
    margin-top: 42px;
  }
  .dstga .mbx {
    padding: 0 12px;
    margin-top: 0;
    position: relative;
    top: 75px;
  }
  .dstga .mbx p {
    color: #bfb4cd;
  }
  .dstga .mbx p a {
    color: #bfb4cd;
  }
  .dstga .mbx p a:hover {
    color: #4335c0;
  }
  .dstga .mbx p:nth-child(1) {
    float: left;
  }
  .dstga .mbx p:nth-child(2) {
    float: right;
  }
  .dstgb {
    margin-top: 4%;
  }
  .dstgb1 {
    width: 52.2%;
    padding: 0 5%;
  }
  .dstgb1 h2 {
    font-size: 64px;
    color: #e7e3ff;
    font-weight: 900;
    font-family: Arial;
    text-transform: uppercase;
    line-height: 52px;
    letter-spacing: 3px;
  }
  .dstgb1 h3 {
    font-size: 24px;
    color: #414140;
    line-height: 24px;
    letter-spacing: 4px;
    font-weight: bold;
    margin-top: -20px;
    margin-bottom: 47px;
  }
  .dstgb1 p {
    width: 44%;
    background-image: url(../img/g26.png);
    background-repeat: no-repeat;
    background-size: 100% 50%;
    background-position: bottom;
    font-size: 18px;
    color: #454353;
    line-height: 46px;
    margin-top: 14px;
    padding-left: 20px;
  }
  .dstgb1 p:nth-child(2n) {
    float: right;
  }
  .dstgb1 p:nth-child(2n + 1) {
    float: left;
  }
  .dstgb2 {
    width: 44%;
  }
  .dstgb2 img {
    width: 100%;
  }
  .dstgc {
    margin-top: 90px;
  }
  .dstgc > h2 {
    font-size: 68px;
    color: #e7e3ff;
    font-weight: 900;
    font-family: Arial;
    text-transform: uppercase;
    line-height: 52px;
    letter-spacing: 3px;
    text-align: center;
  }
  .dstgc h3 {
    font-size: 26px;
    color: #414140;
    line-height: 30px;
    letter-spacing: 4px;
    font-weight: bold;
    margin-top: -20px;
    text-align: center;
  }
  .dstgc1 {
    width: 89.9%;
    margin: 0 auto;
    padding-bottom: 15px;
  }
  .dstgc1a {
    width: 28.5%;
    background-color: #fff;
    border: 1px solid #f2f1ff;
    border-radius: 15px;
    position: relative;
    height: 380px;
    box-shadow: 1px 6px 24px 1px rgba(177, 183, 243, 0.27);
    padding: 42px 3% 0 3%;
    margin-top: 50px;
  }
  .dstgc1a::after {
    position: absolute;
    content: "";
    width: 80px;
    height: 4px;
    background-color: #9587ee;
    left: calc(50% - 40px);
    top: -1px;
  }
  .dstgc1a:nth-child(3n + 2) {
    margin: 0 6.5%;
    margin-top: 50px;
  }
  .dstgc1a img {
    margin: 0 auto;
  }
  .dstgc1a h2 {
    font-size: 20px;
    color: #454353;
    line-height: 40px;
    text-align: center;
  }
  .dstgc1a p {
    font-size: 14px;
    color: #868686;
    line-height: 21px;
    margin-top: 17px;
    position: relative;
    padding-left: 12px;
  }
  .dstgc1a p::after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    background-color: #9587ee;
    border-radius: 50%;
    left: 0;
    top: 8px;
  }
  .dstgd {
    background-image: url(../img/g34.jpg);
    background-repeat: no-repeat;
    background-size: 100% 88%;
    padding-top: 61px;
    margin-top: 90px;
  }
  .dstgd h2 {
    font-size: 68px;
    color: #705cff;
    font-weight: 900;
    font-family: Arial;
    text-transform: uppercase;
    line-height: 52px;
    letter-spacing: 3px;
    text-align: center;
  }
  .dstgd h3 {
    font-size: 24px;
    color: #fff;
    line-height: 24px;
    letter-spacing: 4px;
    font-weight: bold;
    margin-top: -16px;
    text-align: center;
  }
  .dstgd1 {
    margin-top: 61px;
  }
  .dstgd1a {
    width: 685px;
    background-image: url(../img/g35.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom left;
    padding: 16px 81px 43px 85px;
    margin-left: 4%;
    overflow: hidden;
  }
  .dstgd1a img {
    width: 100%;
  }
  .dstgd1b {
    width: 28.4%;
    margin-right: -10%;
  }
  .dstgd1b1 {
    margin-top: 4%;
  }
  .dstgd3 {
    margin-top: 12%;
  }
  .dstgd3 img {
    float: left;
    cursor: pointer;
  }
  .dstgd3 img:nth-child(2) {
    margin-left: 26px;
  }
  .dstgd2 h4 {
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    line-height: 24px;
  }
  .dstgd2 p {
    font-size: 14px;
    color: #fff;
    line-height: 24px;
    margin-top: 10%;
  }
  .dstgd4 {
    margin-top: 18%;
  }
  .dstgd4 p {
    width: 180px;
    height: 50px;
    background-color: #fff;
    border-radius: 30px;
    font-size: 18px;
    color: #771eda;
    text-align: center;
    line-height: 50px;
  }
  .dstge {
    margin-top: 84px;
  }
  .dstge h2 {
    font-size: 68px;
    color: #e7e3ff;
    font-weight: 900;
    font-family: Arial;
    text-transform: uppercase;
    line-height: 57px;
    letter-spacing: 3px;
    text-align: center;
  }
  .dstge h3 {
    font-size: 24px;
    color: #414140;
    line-height: 24px;
    letter-spacing: 4px;
    font-weight: bold;
    margin-top: -18px;
    text-align: center;
  }
  /*	.dstgd1{margin-top: 61px;}*/
  .dstgf {
    width: 96.4%;
    margin: 0 auto;
    margin-top: 57px;
  }
  .dstgf1 {
    width: 15%;
    background-image: url(../img/g36.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-right: 6.25%;
    padding: 2% 12px 4% 8px;
    position: relative;
  }
  .dstgf1:nth-child(5) {
    margin-right: 0;
  }
  .dstgf1 img {
    float: left;
    width: 43%;
  }
  .dstgf1 p {
    float: right;
    font-size: 15px;
    color: #454353;
    font-weight: bold;
    line-height: 25px;
  }
  .dstgf1::after {
    content: "";
    background-image: url(../img/g53.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 14px;
    height: 14px;
    position: absolute;
    bottom: -50px;
    left: 44%;
  }
  .dstgg {
    background-image: url(../img/g52.png);
    background-repeat: no-repeat;
    background-size: 100%;
    height: 6px;
    margin-top: 40px;
    padding: 5px 0;
  }
  .dstgh {
    width: 75.8%;
    margin: 0 auto;
    margin-top: 35px;
  }
  .dstgh .dstgf1 {
    width: 19%;
    background-image: url(../img/g37.png);
    padding: 4% 12px 2% 8px;
    margin-right: 8%;
    background-size: 100% 100%;
  }
  .dstgh .dstgf1:nth-child(4) {
    margin-right: 0;
  }
  .dstgh .dstgf1::after {
    content: "";
    background-image: url(../img/g53.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 14px;
    height: 14px;
    position: absolute;
    top: -50px;
    left: 44%;
  }
  .dstgi {
    width: 90.8%;
    margin: 0 auto;
    background-image: url(../img/g54.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: top 95px center;
    margin-top: 87px;
  }
  .dstgi1 {
    width: 39.4%;
    margin-left: 3.4%;
  }
  .dstgi1 img {
    width: 100%;
  }
  .dstgi2 {
    width: 49.6%;
    margin-left: 7.4%;
  }
  .dstgi2 h2 {
    font-size: 70px;
    color: #e7e3ff;
    font-weight: 900;
    font-family: Arial;
    text-transform: uppercase;
    line-height: 52px;
    letter-spacing: 2px;
    margin-top: 70px;
    margin-left: -5px;
  }
  .dstgi2 h3 {
    font-size: 25px;
    color: #6e73e7;
    line-height: 24px;
    letter-spacing: 4px;
    font-weight: bold;
    margin-top: -16px;
  }
  .dstgi2 p {
    font-size: 15px;
    color: #868686;
    line-height: 35px;
    margin-top: 10px;
  }
  .dstgj {
    background-image: url(../img/g50.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top 86px center;
    margin-top: 6px;
  }
  .dstgj1 {
    width: 40.9%;
    margin-left: 8.1%;
    margin-top: 120px;
  }
  .dstgj1 img {
    width: 100%;
  }
  .dstgj1 h2 {
    font-size: 16px;
    color: #444444;
    line-height: 26px;
    margin-top: 14px;
  }
  .dstgj1 p {
    width: 180px;
    height: 50px;
    font-size: 18px;
    color: #3c6ce5;
    background-color: #fff;
    border-radius: 25px;
    line-height: 50px;
    text-align: center;
    margin-top: 30px;
    transition: all ease 0.4s;
    box-shadow: 5px 5px 10px 0 rgba(94, 30, 203, 0.2);
  }
  .dstgj1 p:hover {
    padding-left: 20px;
  }
  .dstgj2 {
    width: 37.5%;
    margin-left: 7.2%;
  }
  .dstgj2 img {
    width: 100%;
  }

  /*网络公关*/
  .wlgga {
    width: 100%;
    background-image: url(../img/g01.jpg);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 47px;
    padding-bottom: 14%;
  }
  .wlgga .wlyxb {
    margin-top: 10%;
  }
  .wlgga .wlyxb h6 {
    text-align: center;
    line-height: 31px;
    font-size: 16px;
    color: #fff;
    margin-top: 37.5px;
    letter-spacing: 1px;
    text-transform: uppercase;
  }
  .wlgga .wlyxb h6 span {
    display: block;
  }
  .wlgga .wlyxb img {
    width: 40.2%;
    margin: 0 auto;
    margin-top: 8%;
  }
  .wlgga .mbx {
    padding: 0 12px;
    margin-top: 0;
    position: relative;
    top: -30px;
  }
  .wlgga .mbx p {
    color: #bfb4cd;
  }
  .wlgga .mbx p a {
    color: #bfb4cd;
  }
  .wlgga .mbx p a:hover {
    color: #4335c0;
  }
  .wlgga .mbx p:nth-child(1) {
    float: left;
  }
  .wlgga .mbx p:nth-child(2) {
    float: right;
  }
  .wlggb {
    top: -40px;
    position: relative;
  }
  .wlggba1 {
    width: 43%;
    margin-left: 3.6%;
  }
  .wlggba1 img {
    width: 100%;
  }
  .wlggba2 {
    width: 42%;
    margin-right: 4.5%;
    margin-top: 6%;
  }
  .wlggba2 h2 {
    font-size: 70px;
    color: #e7e3ff;
    font-weight: 900;
    font-family: Arial;
    text-transform: uppercase;
    line-height: 52px;
    letter-spacing: 3px;
    margin-left: -5px;
  }
  .wlggba2 h3 {
    font-size: 24px;
    color: #414140;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 3px;
    margin-top: -21px;
  }
  .wlggba2 p {
    font-size: 14px;
    color: #414140;
    line-height: 23px;
    margin-top: 4%;
    letter-spacing: 1px;
  }
  .wlggba2 p span {
    color: #454353;
    line-height: 26px;
  }
  .wlggba3 {
    width: 88%;
    margin: 0 auto;
    position: relative;
    top: -41px;
    margin-bottom: 60px;
  }
  .wlggba3 p {
    font-size: 14px;
    color: #454353;
    line-height: 32px;
    background-image: url(../img/g04.png);
    background-repeat: no-repeat;
    background-size: 100% 70%;
    background-position: bottom left;
    width: 46%;
    padding-left: 20px;
    margin-top: 10px;
  }
  .wlggba3 p:nth-child(2n) {
    float: right;
    margin-right: 12px;
  }
  .wlggba3 p:nth-child(2n + 1) {
    float: left;
  }
  .wlggc h2 {
    font-size: 70px;
    color: #e7e3ff;
    font-weight: 900;
    font-family: Arial;
    text-transform: uppercase;
    line-height: 52px;
    letter-spacing: 1px;
    text-align: center;
  }
  .wlggc h3 {
    font-size: 24px;
    color: #414140;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 3px;
    margin-top: -21px;
    text-align: center;
  }
  .wlggc p {
    font-size: 16px;
    color: #868686;
    line-height: 28px;
    margin-top: 22px;
    text-align: center;
  }
  .wlggc1 {
    width: 92%;
    margin: 0 auto;
    margin-top: 60px;
  }
  .wlggc1a {
    width: 9%;
    margin: 0 5.5%;
  }
  .wlggc1a img {
    width: 100%;
    border-radius: 50%;
    box-shadow: -6px 6px 30px 0px rgba(191, 191, 243, 0.54);
  }
  .wlggc1a p {
    width: 200%;
    margin-left: -50%;
    text-align: center;
    font-size: 18px;
    color: #454353;
    line-height: 30px;
    margin-top: 28px;
  }
  .wlggc1a:hover img {
    animation: rubberBand 1.5s infinite;
  }
  .wlggc2 {
    width: 86%;
    margin: 0 auto;
    background-image: url(../img/g10.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-top: 60px;
  }
  .wlggc2 p {
    font-size: 16px;
    color: #fefefe;
    line-height: 26px;
    padding-top: 55px;
    padding-bottom: 73px;
    text-align: center;
  }
  .wlggd {
    background-image: url(../img/g11.jpg);
    background-repeat: no-repeat;
    background-size: auto 92%;
    padding-top: 60px;
    margin-top: 4px;
  }
  .wlggd1 {
    padding-left: 4%;
    position: relative;
  }
  .wlggd1 h2 {
    font-size: 70px;
    color: #4a87d5;
    font-weight: 900;
    font-family: Arial;
    text-transform: uppercase;
    line-height: 52px;
    letter-spacing: 3px;
  }
  .wlggd1 p {
    font-size: 26px;
    color: #fff;
    line-height: 26px;
    margin-top: -14px;
    font-weight: bold;
    letter-spacing: 2px;
  }
  .wlggd2 {
    width: 2000px;
    margin-left: 3.5%;
    margin-top: 51px;
    overflow: hidden;
    padding-bottom: 15px;
  }
  .wlggd3 {
    width: 10000px;
  }
  .wlggd4 {
    width: 250px;
  }
  .wlggd5 {
    width: 82%;
    background-color: #fff;
    border: 1px solid #f2f1ff;
    border-radius: 15px;
    position: relative;
    height: 300px;
    box-shadow: 1px 6px 28px 1px rgba(177, 183, 243, 0.27);
    padding: 39px 4% 0 4%;
  }
  .wlggd5::after {
    position: absolute;
    content: "";
    width: 80px;
    height: 4px;
    background-color: #9587ee;
    left: calc(50% - 40px);
    top: -1px;
  }
  .wlggd5 img {
    width: 82px;
    margin: 0 auto;
  }
  .wlggd5 h2 {
    font-size: 20px;
    color: #454353;
    line-height: 30px;
    margin-top: 7px;
    text-align: center;
  }
  .wlggd5 p {
    font-size: 14px;
    color: #868686;
    line-height: 22px;
    text-align: center;
    margin-top: 30px;
  }
  .wlggd5 p span {
    color: #9587ee;
  }
  .wlggd1 .wltgc_an {
    right: 4%;
    bottom: 0px;
  }
  .wlgge {
    margin: 0 auto;
    margin-top: 80px;
    width: 92%;
  }
  .wlgge h2 {
    font-size: 70px;
    color: #e7e3ff;
    font-weight: 900;
    font-family: Arial;
    text-transform: uppercase;
    line-height: 52px;
    letter-spacing: 3px;
    text-align: center;
  }
  .wlgge h3 {
    font-size: 26px;
    color: #414140;
    font-weight: bold;
    line-height: 26px;
    letter-spacing: 3px;
    margin-top: -14px;
    text-align: center;
  }
  .wlgge p {
    font-size: 14px;
    color: #454353;
    line-height: 24px;
    text-align: center;
    margin-top: 47px;
  }
  .wlgge p br {
    display: none;
  }
  .wlgge p span {
    font-size: 14px;
    color: #3a31ef;
    line-height: 30px;
    font-weight: bold;
    text-align: center;
    display: inline-block;
    background-image: url(../img/g04.png);
    background-repeat: no-repeat;
    background-size: 100% 70%;
    padding: 0 6px;
    background-position: bottom;
  }
  .wlgge img {
    width: 100%;
    margin-top: 43px;
  }
  .wlggf {
    margin-top: 90px;
  }
  .wlggf h2 {
    font-size: 70px;
    color: #e7e3ff;
    font-weight: 900;
    font-family: Arial;
    text-transform: uppercase;
    line-height: 52px;
    letter-spacing: 3px;
    text-align: center;
  }
  .wlggf h3 {
    font-size: 24px;
    color: #414140;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 3px;
    margin-top: -21px;
    text-align: center;
  }
  .wlggg {
    margin-top: 54px;
  }
  .wlggg1 {
    width: 26.2%;
    background-color: #fff;
    border: 1px solid #f2f1ff;
    border-radius: 15px;
    position: relative;
    height: 322px;
    box-shadow: 1px 6px 24px 1px rgba(177, 183, 243, 0.27);
    padding: 39px 1% 0 1%;
    margin: 0 3.4%;
  }
  .wlggg1::after {
    position: absolute;
    content: "";
    width: 80px;
    height: 4px;
    background-color: #9587ee;
    left: calc(50% - 40px);
    top: -1px;
  }
  .wlggg1 img {
    margin: 0 auto;
  }
  .wlggg1 h2 {
    font-size: 20px;
    color: #454353;
    line-height: 30px;
    margin-top: 7px;
    text-align: center;
  }
  .wlggg1 p {
    font-size: 14px;
    color: #868686;
    line-height: 22px;
    text-align: center;
    margin-top: 46px;
    position: relative;
  }
  .wlggg1 p span {
    display: inline-block;
    width: 10px;
  }
  .wlggg1 p::after {
    width: 8px;
    height: 8px;
    background-color: #9587ee;
    position: absolute;
    content: "";
    top: -13px;
    left: calc(50% - 4px);
    border-radius: 50%;
  }
  .wlggq {
    height: 340px;
    padding-top: 95px;
    margin-top: 96px;
  }
  .wlggq h2 {
    color: #ffde57;
    font-weight: bold;
  }
  .wlggq p {
    background-image: url(../img/g21.png);
    background-size: 847px 20px;
    background-position: bottom center;
    background-repeat: no-repeat;
    font-size: 16px;
    line-height: 32px;
    margin-top: 17px;
    letter-spacing: 1px;
  }

  /*成功案例列表页*/
  .all {
    width: 100%;
    background-image: url(../img/y49.jpg);
    background-repeat: no-repeat;
    background-size: 1920px auto;
    background-position: center top;
    overflow: hidden;
  }
  .alla {
    width: 100%;
    padding-top: 47px;
  }
  .alla .wlyxb {
    margin-top: 10%;
  }
  .alla .wlyxb h6 {
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 24px;
    margin-top: 13px;
    letter-spacing: 2px;
  }
  .aldh {
    display: table;
    margin: 0 auto;
    height: 45px;
    background-color: rgba(115, 85, 245, 0.6);
    margin-top: 19px;
    border-radius: 50px;
    padding: 6px 90px 0 90px;
  }
  .aldh_p {
    width: 119px;
    height: 32px;
    border-radius: 30px;
    text-align: center;
    line-height: 32px;
    margin: 0 5px;
    transition: all ease 0.3s;
  }
  .aldh_p a {
    font-size: 16px;
    color: #fff;
    transition: all ease 0.3s;
  }
  .aldh_pa {
    background-color: #fff;
  }
  .aldh_pa a {
    color: #832dec;
  }
  .aldh_p:hover {
    background-color: #fff;
  }
  .aldh_p:hover a {
    color: #832dec;
  }
  .mbxa {
    padding: 0 12px;
    margin-top: 53px;
    position: relative;
  }
  .mbxa p {
    color: #bfb4cd;
    line-height: 12px;
  }
  .mbxa p a {
    color: #bfb4cd;
  }
  .mbxa p a:hover {
    color: #fff;
  }
  .mbxa p:nth-child(1) {
    float: left;
  }
  .mbxa p:nth-child(2) {
    float: right;
  }
  .allb {
    background-color: #fff;
    margin-top: 21px;
    padding-top: 50px;
  }
  .allx {
    width: 96%;
    margin: 0 auto;
    padding-left: 10px;
  }
  .allx_p {
    height: 34px;
    line-height: 34px;
    border-radius: 50px;
    padding: 0 25px;
    margin: 3px 5px;
    background-color: #fff;
    transition: all ease 0.3s;
    background-image: url(../img/y190.png);
    background-size: 0% 0%;
    background-repeat: no-repeat;
    background-position: center;
  }
  .allx_p a {
    font-size: 14px;
    color: #4c4c4c;
    transition: all ease 0.3s;
  }
  .allx_pa {
    box-shadow: 1px 4px 12px 1px rgba(120, 33, 220, 0.16);
    background-size: 100% 100%;
  }
  .allx_pa a {
    color: #fff;
  }
  .allx_p:hover {
    box-shadow: 1px 4px 12px 1px rgba(120, 33, 220, 0.16);
    background-size: 100% 100%;
  }
  .allx_p:hover a {
    color: #fff;
  }
  .allc {
    width: 96%;
    margin: 0 auto;
    margin-top: 27px;
  }
  .alld {
    position: relative;
    width: 30.41%;
    margin: 28px 0;
  }
  .alld_t {
    width: 100%;
    overflow: hidden;
  }
  .alld_t img {
    width: 100%;
    transition: all ease 0.3s;
  }
  .alld:nth-child(3n + 2) {
    margin: 27px 4.385%;
  }
  .alld_w {
    position: absolute;
    width: 93%;
    height: 86%;
    left: 3.5%;
    top: 7%;
    background-color: rgba(81, 32, 191, 0.9);
    padding: 10% 5% 0 5%;
    transform: rotateX(-90deg);
    -webkit-transform: rotateX(-90deg);
    transition: all ease 0.5s;
    opacity: 0;
  }
  .alld_w h2 {
    font-size: 14.5px;
    color: #fff;
    line-height: 24px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .alld_w p {
    font-size: 12px;
    line-height: 20px;
    margin-top: 7px;
    color: #fff;
    height: 40px;
    overflow: hidden;
  }
  .alld_w h6 {
    color: #fff;
    font-size: 12px;
    text-decoration: underline;
    text-transform: uppercase;
    line-height: 12px;
    margin-top: 5%;
  }
  .alld:hover .alld_t img {
    transform: scale(1.1);
  }
  .alld:hover .alld_w {
    transform: rotateX(0deg);
    opacity: 1;
  }
  .yema {
    display: table;
    margin: 0 auto;
    background-color: #f2f2f2;
    height: 62px;
    padding: 16px 23px 0 23px;
    border-radius: 50px;
    margin-top: 59px;
  }
  .ymb {
    width: 30px;
    height: 30px;
    background-color: #fff;
    border-radius: 50%;
    margin: 0 11px;
  }
  .ymb img {
    margin: 12px auto;
  }
  .yma {
    width: 30px;
    height: 30px;
    margin: 0 11px;
    line-height: 30px;
    border-radius: 50%;
    text-align: center;
    transition: all ease 0.3s;
  }
  .yma a {
    font-size: 14px;
    color: #646464;
    transition: all ease 0.3s;
  }
  .ymaa {
    background-color: #832dec;
  }
  .ymaa a {
    color: #fff;
  }
  .yma:hover {
    background-color: #832dec;
  }
  .yma:hover a {
    color: #fff;
  }

  .hzkha {
    margin-bottom: -55px;
    margin-top: 21px;
  }

  /*案例内页*/
  #alntop {
    position: relative;
    margin-bottom: 80px;
    width: 98%;
  }
  #alntop .commen {
    padding-left: 3%;
    width: 100%;
  }
  #alntop h2 {
    text-align: left;
  }
  #alntop .wlyxdiv {
    text-align: left;
  }
  #alntop .wlyxdiv h1 {
    text-align: left;
  }
  #alntop h6 {
    text-align: left;
    margin-top: 25px;
    width: 90%;
  }
  #alntop .alntopt {
    position: absolute;
    right: 0%;
    bottom: 0;
  }
  #alntop .alntopt img {
    width: 49px;
  }
  .aln {
    width: 94%;
    margin: 0 auto;
    padding-bottom: 50px;
  }
  .alna {
    width: 100%;
  }
  .alna p {
    width: 50%;
    font-size: 14px;
    color: #4c4c4c;
    line-height: 20px;
    float: left;
    margin-top: 22px;
  }
  .alna p span {
    display: inline-block;
    background-image: url(../img/y115.png);
    background-size: 100% 10px;
    background-repeat: no-repeat;
    background-position: center bottom;
    padding: 0 10px;
    margin-right: 50px;
  }
  .alnb_sj {
    width: 100%;
    margin-top: 94px;
  }
  .alnb_sj img {
    display: table;
    margin: 0 auto;
  }
  .alnb {
    width: 100%;
    position: relative;
    margin-top: 94px;
  }
  .alnba {
    background-image: url(../img/y56.jpg);
    width: 800px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center top;
    padding: 18px 94px 61px 100px;
  }
  .alnba_t {
    width: 100%;
    height: 390px;
    overflow-x: hidden;
  }
  .alnba_t img {
    width: 100%;
  }

  .alnba_t::-webkit-scrollbar-track-piece {
    width: 16px;
    background-color: #322843;
    border-radius: 5px;
  }
  .alnba_t::-webkit-scrollbar {
    width: 16px;
    background-color: #322843;
    border-radius: 5px;
  }
  .alnba_t::-webkit-scrollbar-thumb {
    width: 12px;
    background-color: #7335ef;
    border-radius: 10px;
    background-image: url(../img/y119.png);
    background-repeat: no-repeat;
    background-position: center;
    border: 2px solid #312741;
  }
  .alnba_t::-webkit-scrollbar-button {
    background-image: url(../img/y120.png);
    width: 16px;
    height: 18px;
    background-size: 100% 100%;
    border-left: 1px solid #312741;
    background-color: transparent;
    border-radius: 5px;
  }
  .alnbb {
    background-image: url(../img/y118.png);
    width: 178px;
    background-size: 100% auto;
    background-position: center;
    padding: 9px 10px 11px 10px;
    position: absolute;
    bottom: -31px;
    right: 10.33%;
    border-radius: 30px;
    box-shadow: 1px 1px 30px 2px rgba(0, 0, 0, 0.1);
  }
  .alnbb img {
    width: 100%;
  }
  .alnbc {
    position: absolute;
    right: 0;
    top: 3px;
  }
  .alnc {
    width: 100%;
    margin-top: 100px;
  }
  .alnca {
    margin-left: 10px;
  }
  .alnca img {
    float: left;
  }
  .alnca p {
    float: left;
    font-size: 28px;
    color: #3d3d3d;
    margin-top: 16px;
    margin-left: 24px;
  }
  .alnd {
    width: 100%;
    background-image: url(../img/y123.png);
    height: 122px;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 21px;
    padding: 23px 8px 0 8px;
  }
  .alnda {
    width: 23.94%;
    background-color: #fff;
    height: 78px;
    border-radius: 8px;
    margin: 0 0.53%;
    padding: 16px 2% 0 2%;
  }
  .alnda img {
    float: left;
    width: 45px;
  }
  .alnda p {
    float: left;
    line-height: 46px;
    font-size: 14px;
    color: #3d3d3d;
    margin-left: 4px;
  }
  .alnda h6 {
    float: right;
    line-height: 46px;
    font-family: Arial;
    font-size: 22px;
    color: #e11d11;
    font-weight: 900;
  }
  .alnda img:nth-child(3) {
    float: right;
    margin-top: 4px;
    width: 72px;
  }
  .alne {
    width: 100%;
    margin-top: 69px;
  }
  .alne img {
    margin-left: 9px;
  }
  .alne h2 {
    font-size: 28px;
    color: #3d3d3d;
    line-height: 28px;
    margin-left: 90px;
    margin-left: 90;
    margin-top: 14px;
  }
  .alne p {
    width: 92.25%;
    margin: 0 auto;
    font-size: 12px;
    color: #4c4c4c;
    line-height: 25px;
    margin-top: 52px;
  }
  .alne_t {
    width: 60%;
    background-color: #f1f3ff;
    position: relative;
    padding: 40px 50px;
    border-radius: 10px;
    margin: 0 auto;
    margin-top: 93px;
  }
  .alne_ta {
    width: 100%;
  }
  .alne_ta img {
    width: 100%;
  }
  .alne_tb {
    position: absolute;
    right: -68px;
    top: 0;
  }
  .fhlb {
    width: 96%;
    margin: 0 auto;
    margin-top: 90px;
    height: 62px;
    background-color: #f2f2f2;
    border-radius: 50px;
    padding: 16px 25px 0 25px;
  }
  .fhlb p:nth-child(1) {
    background-image: url(../img/y126.png);
    width: 30%;
    background-repeat: no-repeat;
    background-position: left center;
    line-height: 30px;
    height: 30px;
    padding-left: 45px;
    font-size: 14px;
    color: #646464;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .fhlb p a {
    font-size: 14px;
    color: #646464;
  }
  .fhlb p:nth-child(3) {
    background-image: url(../img/y127.png);
    width: 30%;
    background-repeat: no-repeat;
    background-position: right center;
    line-height: 30px;
    height: 30px;
    padding-right: 45px;
    font-size: 14px;
    color: #646464;
    float: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: right;
  }
  .fanhi {
    width: 40%;
  }
  .fanhi h6 {
    width: 126px;
    height: 39px;
    line-height: 39px;
    border-radius: 50px;
    background-color: #fff;
    text-align: center;
    margin: 0 auto;
    box-shadow: 1px 4px 15px 1px rgba(120, 33, 220, 0.16);
    position: relative;
    top: -4px;
  }
  .fanhi h6 a {
    font-size: 14px;
    color: #832dec;
    transition: all ease 0.3s;
  }
  .fanhi:hover h6 a {
    padding-left: 8px;
  }
  .fhlb p:hover a {
    color: #832dec;
  }

  /*合作客户页*/
  .hzkha {
    width: 100%;
    margin: 0 auto;
    margin-top: 21px;
    margin-bottom: -55px;
    padding-left: 3%;
    padding-right: 3%;
  }
  .hzkha p {
    text-align: center;
    font-size: 14px;
    color: #3d3d3d;
    line-height: 24px;
  }
  .hzkha p br {
    display: none;
  }
  .hzkhb {
    width: 90%;
    margin: 0 auto;
    margin-top: 6px;
    margin-bottom: 78px;
  }
  .hzkhb_a {
    width: 19.37%;
    margin: 0 2.815%;
    margin-top: 52px;
  }
  .hzkhb_a img {
    width: 100%;
    border-radius: 10px;
    box-shadow: 1px 1px 20px 1px rgba(120, 33, 220, 0.16);
  }
  .hzkhb_a p {
    text-align: center;
    font-size: 12px;
    color: #82818f;
    line-height: 22px;
    margin-top: 16px;
  }

  /*关于一瞬页*/
  .jjy {
    background-image: url(../img/y72.jpg);
  }
  .gydh {
    padding: 6px 30px;
    margin-bottom: 70px;
  }
  .gydh .aldh_p {
    width: 104px;
  }
  .ysjj {
    width: 100%;
    margin-top: 21px;
    margin-bottom: 68px;
  }
  .ysjja {
    width: 100%;
    background-color: #fff;
    padding-top: 64px;
  }
  .ysjjaa {
    width: 96%;
    margin: 0 auto;
  }
  .ysjjaa h2 {
    text-align: center;
    font-size: 35.5px;
    color: #e7e3ff;
    font-family: Arial;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 27px;
    margin-top: 47px;
  }
  .ysjjaa h3 {
    font-size: 24px;
    color: #454353;
    text-align: center;
    line-height: 44px;
    letter-spacing: 2px;
  }
  .ysjjaa h4 {
    text-align: center;
    font-size: 18px;
    color: #454353;
    line-height: 30px;
    background-image: url(../img/y136.png);
    background-size: 100% 12px;
    background-repeat: no-repeat;
    background-position: bottom center;
    display: table;
    padding: 0 22px;
    margin: 0 auto;
    margin-top: 55px;
    letter-spacing: 2px;
  }
  .ysjjaa p {
    text-align: center;
    font-size: 14px;
    color: #747474;
    line-height: 26px;
    margin: 0 auto;
    margin-top: 30px;
    width: 90%;
  }
  .ysjjaa p span {
    font-weight: bold;
    display: block;
  }
  .ysjjaa p br {
    display: none;
  }
  .ysjjab {
    width: 96%;
    margin: 0 auto;
    margin-top: 25px;
  }
  .ysjjab_a {
    width: 30.5%;
    background-color: #fff;
    box-shadow: 1px 1px 20px 1px rgba(120, 33, 220, 0.16);
    height: 148px;
    padding: 22px 0;
    margin-top: 37px;
  }
  .ysjjab_a:nth-child(3n + 2) {
    margin: 0 4.25%;
    margin-top: 37px;
  }
  .ysjjab_t {
    width: 40.4%;
    height: 102px;
    border-right: 1px solid #ededed;
    padding-top: 15px;
  }
  .ysjjab_t img {
    width: 72px;
    margin: 0 auto;
  }
  .ysjjab_w {
    width: 59%;
    padding-left: 6%;
    padding-top: 7px;
  }
  .ysjjab_w h2 {
    font-size: 16px;
    color: #3d3d3d;
    line-height: 26px;
  }
  .ysjjab_w p {
    font-size: 14px;
    color: #d2d2d2;
    line-height: 18px;
    text-transform: uppercase;
  }
  .ysjjab_w img {
    margin-top: 16px;
  }
  .ysjjab_a:hover .ysjjab_t img {
    animation: swing 2s infinite;
  }
  .ysjjac {
    width: 100%;
    margin-top: 46px;
  }
  .ysjjac h2 {
    font-size: 18px;
    color: #454353;
    text-align: center;
    line-height: 30px;
    background-image: url(../img/y136.png);
    background-size: 100% 12px;
    background-repeat: no-repeat;
    background-position: bottom center;
    display: table;
    padding: 0 22px;
    margin: 0 auto;
    margin-top: 36px;
    letter-spacing: 2px;
  }
  .ysjjac p {
    font-size: 14px;
    color: #747474;
    line-height: 26px;
    margin-top: 30px;
    text-align: center;
  }
  .ysjjb {
    width: 100%;
    margin-top: 53px;
    background-image: url(../img/y70.jpg);
    height: 552px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 75px;
  }
  .ysjjba {
    width: 95%;
    margin: 0 auto;
  }
  .ysjjba h2 {
    text-align: right;
    font-size: 18px;
    color: #fffefe;
    line-height: 30px;
    background-image: url(../img/y138.png);
    background-size: 100% 12px;
    background-repeat: no-repeat;
    background-position: bottom center;
    display: inline-block;
    padding: 0 22px;
    float: right;
    letter-spacing: 2px;
  }
  .ysjjba p {
    text-align: right;
    font-size: 14px;
    color: #fff;
    line-height: 26px;
    margin-top: 46px;
    padding-left: 50%;
  }
  .ysjjbb {
    width: 100%;
    margin: 0 auto;
    margin-top: 91px;
  }
  .ysjjbb_a {
    width: 25%;
  }
  .ysjjbb_a h2 {
    text-align: center;
    font-family: Arial;
    font-size: 36px;
    color: #fff;
    font-weight: 900;
  }
  .ysjjbb_a p {
    text-align: center;
    font-size: 14px;
    color: #b28cff;
    line-height: 14px;
  }
  .ysjjc h2 {
    margin-top: 60px;
  }
  .ysjjca {
    width: 90%;
    margin: 0 auto;
    margin-top: 62px;
  }
  .ysjjca img {
    width: 100%;
  }
  .yslc {
    width: 100%;
    margin-top: 90px;
    background-image: url(../img/y141.png);
    background-size: 100% 1px;
    background-repeat: repeat-x;
    background-position: center top 188px;
  }
  .yslc .commen {
    position: relative;
  }
  .yslc_top h2 {
    text-align: center;
    font-size: 35.5px;
    color: #e7e3ff;
    font-family: Arial;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 27px;
    margin-top: 47px;
  }
  .yslc_top p {
    font-size: 24px;
    color: #454353;
    text-align: center;
    line-height: 44px;
    letter-spacing: 2px;
  }
  .yslca {
    width: 82%;
    margin-left: 8%;
    margin-top: 53px;
    overflow: hidden;
  }
  .yslcb {
    width: 10000px;
  }
  .yslcc {
    width: 340px;
  }
  .yslcd {
    width: 92%;
    margin-left: 6%;
  }
  .yslcd_t {
    margin-top: 28px;
  }
  .yslcd_w {
    width: calc(100% - 78px);
  }
  .yslcd_w h2 {
    color: #bab7ff;
    font-size: 35.5px;
    font-family: Arial;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 39px;
    background-image: url(../img/y140.png);
    background-size: 100% 12px;
    background-repeat: no-repeat;
    background-position: bottom center;
    display: inline-block;
    padding: 0 6px;
  }
  .yslcd_w p {
    font-size: 14px;
    color: #747474;
    line-height: 23px;
    margin-top: 44px;
    height: 69px;
    width: 100%;
  }
  .yslc_z {
    position: absolute;
    left: 0px;
    top: 156px;
    cursor: pointer;
  }
  .yslc_y {
    position: absolute;
    right: 0px;
    top: 156px;
    cursor: pointer;
  }

  /*企业文化页*/
  .why {
    background-image: url(../img/g55.jpg);
  }
  .qywh {
    width: 100%;
    margin-top: 21px;
  }
  .qywha {
    width: 100%;
    background-color: #fff;
    padding-top: 64px;
  }
  .qywhaa {
    width: 96%;
    margin: 0 auto;
  }
  .qywhab {
    margin-top: 110px;
  }
  .qywhab .qywhaba {
    width: 48.7%;
  }
  .qywhab .qywhaba img {
    width: 100%;
  }
  .qywhab .qywhabb {
    width: 42%;
    margin-right: 27px;
  }
  .qywhab .qywhabb h2 {
    font-family: "Arial";
    font-size: 35px;
    color: #e7e3ff;
    font-weight: 900;
    text-align: right;
    line-height: 45px;
    text-transform: uppercase;
  }
  .qywhab .qywhabb h3 {
    font-family: "Arial";
    font-size: 20px;
    color: #454353;
    text-align: right;
    line-height: 28px;
    background-image: url(../img/g04.png);
    background-repeat: no-repeat;
    background-size: 100% 11px;
    background-position: bottom center;
    float: right;
    width: 160px;
  }
  .qywhab .qywhabb p {
    text-align: right;
    margin-top: 17px;
    margin-bottom: 20px;
  }
  .qywhab .qywhabb p span {
    font-size: 14px;
    color: #545454;
    padding-left: 50px;
    line-height: 24px;
  }
  .qywhab .qywhabb p span:nth-child(1) {
    padding-left: 0;
  }
  .qywhab1 {
    margin-top: 95px;
  }
  .qywhab1 .qywhaba {
    width: 48.7%;
  }
  .qywhab1 .qywhaba img {
    width: 100%;
  }
  .qywhab1 .qywhabb {
    width: 42%;
    margin-left: 24px;
  }
  .qywhab1 .qywhabb h2 {
    font-family: "Arial";
    font-size: 35px;
    color: #e7e3ff;
    font-weight: 900;
    line-height: 45px;
    text-transform: uppercase;
  }
  .qywhab1 .qywhabb h3 {
    font-family: "Arial";
    font-size: 20px;
    color: #454353;
    line-height: 28px;
    background-image: url(../img/g04.png);
    background-repeat: no-repeat;
    background-size: 100% 11px;
    background-position: bottom center;
    width: 160px;
  }
  .qywhab1 .qywhabb p {
    margin-top: 17px;
    margin-bottom: 20px;
  }
  .qywhab1 .qywhabb p span {
    font-size: 14px;
    color: #545454;
    padding-left: 50px;
    line-height: 24px;
  }
  .qywhab1 .qywhabb p span:nth-child(1) {
    padding-left: 0;
  }
  .qywhba {
    width: 96%;
    margin: 0 auto;
    padding-top: 50px;
  }
  .qywhba > img {
    float: right;
    margin-right: 10px;
  }
  .qywhbaa {
    width: 1410px;
    overflow: hidden;
    margin-top: 30px;
    margin-left: 2%;
    position: relative;
  }
  .qywhbab {
    width: 10000px;
  }
  .qywhbac {
    width: 470px;
    border-radius: 10px;
    overflow: hidden;
  }
  .qywhbac img {
    width: 93.5%;
    border-radius: 10px;
    overflow: hidden;
  }
  .qywhbb {
    margin-top: 20px;
    margin-left: 2%;
  }
  .qywhbba,
  .qywhbbb {
    cursor: pointer;
  }
  .qywhbaa::after {
    position: absolute;
    content: "";
    width: 470px;
    height: 100%;
    background-color: #000;
    right: 0;
    top: 0;
    opacity: 0.5;
    border-radius: 10px;
  }

  /*荣誉资质页*/
  .ryy {
    background-image: url(../img/g61.jpg);
  }
  .ryzz {
    width: 100%;
    margin-top: 21px;
  }
  .ryzza {
    width: 100%;
    background-color: #fff;
    padding-top: 64px;
  }
  .ryzzaa {
    width: 96%;
    margin: 0 auto;
  }
  .ryzzab {
    margin-top: 55px;
  }
  .ryzzac {
    width: 42.75%;
    margin-bottom: 82px;
  }
  .ryzzac:nth-child(2n) {
    margin-right: 12px;
  }
  .ryzzac:nth-child(2n + 1) {
    margin-left: 12px;
  }
  .ryzzad {
    width: 54.5%;
    position: relative;
  }
  .ryzzad img {
    width: 100%;
  }
  .ryzzae {
    width: 54.5%;
    background-color: #f6f7fd;
    height: 305px;
    border: 8px solid #ebeeff;
    margin-top: 18px;
    margin-left: -9%;
    padding: 5% 2% 2% 9%;
  }
  .ryzzae p {
    font-size: 12px;
    color: #545454;
    line-height: 22px;
    margin-top: 5%;
  }
  .ryzzae p span {
    color: #82818f;
    line-height: 20px;
    margin-top: 5%;
    display: inline-block;
  }
  .ryyema {
    margin-top: 11px;
  }

  /*加入一瞬页*/
  .jrysy {
    background-image: url(../img/y73.jpg);
  }
  .jrys {
    width: 100%;
    background-color: #fff;
    margin-top: 21px;
    padding-top: 64px;
    padding-bottom: 12px;
  }
  .jru {
    width: 96%;
    margin: 0 auto;
  }
  .jruz {
    width: 70.166%;
  }
  .jrub {
    width: 100%;
    margin-top: 28px;
    border-bottom: 3px solid #999999;
  }
  .jrub p {
    line-height: 40px;
    font-size: 14px;
    color: #808080;
    width: 33.333%;
    padding-left: 29px;
    float: left;
  }
  .jruc {
    width: 100%;
  }
  .jrud {
    width: 100%;
    border-top: 1px solid #f4f4f4;
    height: 58px;
    background-image: url(../img/y144.png);
    background-repeat: no-repeat;
    background-position: right 63px center;
    cursor: pointer;
  }
  .jrud p {
    line-height: 58px;
    font-size: 14px;
    color: #4c4c4c;
    width: 33.333%;
    padding-left: 29px;
    float: left;
  }
  .jrue {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 10px;
  }
  .jrue p {
    font-size: 12px;
    color: #797979;
    line-height: 23px;
    padding-left: 29px;
    margin-bottom: 45px;
  }
  .jruda {
    background-color: #f7f7f7;
    background-image: url(../img/y143.png);
  }
  .jruy {
    width: 25.08%;
  }
  .jruya {
    margin-bottom: 37px;
  }
  .jruyb {
    width: 100%;
    height: 128px;
    background-color: #f7f7f7;
    padding: 29px 5px 0 23px;
    margin-top: 13px;
    cursor: pointer;
    transition: all ease 0.3s;
  }
  .jruyb img {
    float: left;
    width: 64px;
  }
  .jruyb p {
    float: left;
    width: calc(100% - 70px);
    padding-left: 22px;
    font-size: 12px;
    color: #777777;
    line-height: 23px;
    margin-top: -4px;
    transition: all ease 0.3s;
  }
  .jruyb p span {
    font-size: 14px;
    color: #3d3d3d;
    transition: all ease 0.3s;
  }
  .jruyb:hover {
    background-color: #832dec;
  }
  .jruyb:hover p {
    color: #fff;
  }
  .jruyb:hover p span {
    color: #fff;
  }
  .jruyb:hover img {
    animation: swing 2s infinite;
  }
  .jruyc {
    width: 100%;
    height: 128px;
    background-color: #f7f7f7;
    padding: 44px 5px 0 30px;
    margin-top: 13px;
    cursor: pointer;
    transition: all ease 0.3s;
  }
  .jruyc img {
    float: left;
  }
  .jruyc p {
    float: left;
    width: calc(100% - 60px);
    padding-left: 23px;
    font-size: 14px;
    color: #777777;
    line-height: 23px;
    margin-top: -6px;
    transition: all ease 0.3s;
  }
  .jruyc p span {
    font-size: 14px;
    color: #ff8d28;
    text-decoration: underline;
  }
  .ysfu {
    width: 100%;
    margin-top: 140px;
  }
  .ysfu > img {
    width: 345px;
    margin: 0 auto;
  }
  .ysfua {
    width: 100%;
    background-color: #f6f6f6;
    padding: 50px 0;
  }
  .ysfua .ysjjab {
    width: 98%;
    margin: 0 auto;
  }
  .ysfua .ysjjab_a {
    width: 29.17%;
    margin: 8px 2.081%;
    box-shadow: none;
    transition: all ease 0.3s;
  }
  .ysfua .ysjjab_a:hover {
    box-shadow: 1px 1px 20px 1px rgba(120, 33, 220, 0.16);
  }

  /*联系一瞬*/
  .lxys {
    background-image: url(../img/y74.jpg);
  }
  .lxysb {
    width: 100%;
    padding-left: 3%;
  }
  .lxysba {
    margin-top: 46px;
  }
  .lxysba h2 {
    font-size: 30px;
    color: #e7e3ff;
    font-family: Arial;
    font-weight: 900;
    line-height: 24px;
    text-transform: uppercase;
    margin-left: 12px;
  }
  .lxysba p {
    font-size: 14px;
    color: #4b4e77;
    line-height: 24px;
    background-image: url(../img/y55.png);
    background-size: 100% 12px;
    background-repeat: no-repeat;
    background-position: bottom center;
    display: inline-block;
    padding: 0 23px 0 7px;
    margin-top: 5px;
    margin-left: 5px;
  }
  .lxysbb {
    width: 100%;
    margin-top: 10px;
  }
  .lxysbb_a {
    width: 30%;
    margin-top: 12px;
  }
  .lxysbb_a:nth-child(3n + 1) {
    width: 35%;
  }
  .lxysbb_a:nth-child(3n + 2) {
    width: 30%;
  }
  .lxysbb_a:nth-child(3n + 3) {
    width: 35%;
  }
  .lxysbb_a img {
    float: left;
    width: 64px;
  }
  .lxysbb_a p {
    float: left;
    width: calc(100% - 65px);
    padding-left: 30px;
    font-size: 12px;
    color: #82818f;
    line-height: 22px;
    margin-top: 13px;
  }
  .lxysbb_a p span {
    display: block;
    font-size: 14px;
    color: #4b4e77;
  }
  .lxysc {
    width: 95%;
    margin: 0 auto;
    background-color: #f6f7fd;
    border: 8px solid #ebeeff;
    padding: 32px 60px 51px 52px;
    margin-top: 80px;
  }
  .lxysca {
    width: 63%;
  }
  .lxyscaa {
    width: 100%;
  }
  .lxyscaa h2 {
    font-size: 68px;
    color: #e7e3ff;
    font-family: Arial;
    font-weight: 900;
    line-height: 45px;
    text-transform: uppercase;
  }
  .lxyscaa p {
    font-size: 12px;
    color: #4b4e77;
    margin-top: -25px;
    padding-left: 3px;
  }
  .lxyscaa p span {
    font-size: 14px;
    color: #4b4e77;
    font-weight: bold;
    line-height: 16px;
    display: inline-block;
    margin-right: 10px;
  }
  .lxysca .lxd {
    width: 100%;
    margin-top: 45px;
  }
  .lxyscb {
    width: 24%;
    margin-top: 17px;
  }
  .lxys_ewm {
    width: 100%;
    margin-top: 33px;
  }
  .lxys_ewm img {
    width: 100%;
  }
  .lxyscb p {
    float: left;
    padding-left: 35px;
    font-size: 12px;
    color: #82818f;
    line-height: 42px;
  }
  .lxyscb p:nth-child(1) {
    background-image: url(../img/y161.png);
    background-size: 35px 35px;
    background-position: left center;
    background-repeat: no-repeat;
  }
  .lxyscb p:nth-child(2) {
    background-image: url(../img/y162.png);
    background-size: 35px 35px;
    background-position: left center;
    background-repeat: no-repeat;
    margin-left: 15px;
  }
  .lxysd {
    margin-top: 86px;
    width: 100%;
    margin-bottom: -50px;
  }
  .ditu {
    width: 95%;
    margin: 0 auto;
    margin-top: 43px;
    border: 8px solid #f7f7f7;
  }
  .lxysdb {
    width: 95%;
    margin: 0 auto;
    margin-top: 32px;
  }
  .lxysdba:nth-child(1) {
    width: 47%;
  }
  .lxysdba:nth-child(2) {
    width: 34%;
  }
  .lxysdba:nth-child(2) h2 {
    color: #ad7ae1;
  }
  .lxysdba:nth-child(3) h2 {
    color: #1a90ff;
  }
  .lxysdba:nth-child(3) {
    width: 19%;
  }
  .lxysdba h2 {
    font-size: 14px;
    color: #45c993;
    font-weight: bold;
    line-height: 24px;
  }
  .lxysdba p {
    font-size: 12px;
    color: #82818f;
    line-height: 21px;
    width: 70%;
    margin-top: 10px;
  }

  /*新闻列表页*/
  .xwly {
    background-image: url(../img/y75.jpg);
  }
  .xwla {
    display: table;
    margin: 0 auto;
  }
  .xwla_p {
    width: 126px;
    height: 40px;
    line-height: 40px;
    background-color: #fff;
    border-radius: 50px;
    text-align: center;
    margin: 0 20px;
    transition: all ease 0.3s;
    background-image: url(../img/y190.png);
    background-size: 0% 0%;
    background-repeat: no-repeat;
    background-position: center;
  }
  .xwla_p a {
    font-size: 14px;
    color: #4c4c4c;
    transition: all ease 0.3s;
  }
  .xwla_pa {
    box-shadow: 1px 5px 12px 1px rgba(120, 33, 220, 0.16);
    background-size: 100% 100%;
  }
  .xwla_pa a {
    color: #fff;
  }
  .xwla_p:hover {
    box-shadow: 1px 5px 12px 1px rgba(120, 33, 220, 0.16);
    background-size: 100% 100%;
  }
  .xwla_p:hover a {
    color: #fff;
  }
  .xwlb {
    width: 100%;
    margin-top: 42px;
  }
  .xwlc {
    width: 100%;
    padding: 45px 56px 48px 57px;
    transition: all ease 0.3s;
  }
  .xwlc_a {
    width: 8.66%;
    padding-top: 15px;
  }
  .xwlc_a h2 {
    font-family: Arial;
    font-size: 38px;
    color: #999999;
    line-height: 27px;
    font-weight: 900;
    transition: all ease 0.3s;
  }
  .xwlc_a .tjzxb_xt {
    width: 17px;
    height: 1px;
    background-color: #eeeeee;
    margin-top: 16px;
  }
  .xwlc_a p {
    font-size: 12px;
    color: #636363;
    line-height: 12px;
    margin-top: 18px;
    transition: all ease 0.3s;
  }
  .xwlc_w {
    width: 80%;
    padding-left: 55px;
    padding-top: 7px;
    border-left: 1px solid #e7e7e7;
    padding-bottom: 9px;
  }
  .xwlc_w h2 {
    font-size: 16px;
    color: #3d3d3d;
    line-height: 26px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .xwlc_w p {
    font-size: 12px;
    color: #797979;
    line-height: 22px;
    margin-top: 16px;
    height: 44px;
    overflow: hidden;
  }
  .xwlc_m {
    position: relative;
    width: 37px;
    height: 10px;
    margin-top: 45px;
    overflow: hidden;
  }
  .xwlc_m img {
    width: 100%;
    transition: all ease 0.3s;
  }
  .xwlc_m img:nth-child(2) {
    position: absolute;
    left: 0;
    top: 20px;
  }
  .xwlc_m img:nth-child(1) {
    position: absolute;
    left: 0;
    top: 0px;
  }
  .xwlc:hover {
    box-shadow: 1px 1px 20px 1px rgba(120, 33, 220, 0.16);
  }
  .xwlc:hover .xwlc_a h2 {
    color: #832dec;
  }
  .xwlc:hover .xwlc_a p {
    color: #832dec;
  }
  .xwlc:hover .xwlc_m img:nth-child(1) {
    top: -20px;
  }
  .xwlc:hover .xwlc_m img:nth-child(2) {
    top: 0;
  }

  /*新闻内页*/
  .xwln {
    width: 100%;
    margin-top: 54px;
    margin-bottom: -65px;
    overflow: hidden;
  }
  .xwna {
    width: 70.166%;
  }
  .xwnb {
    width: 100%;
    margin-top: 29px;
  }
  .xwnba {
    width: 100%;
    margin-bottom: 45px;
  }
  .xwnba h1 {
    width: 100%;
    height: 60px;
    line-height: 60px;
    position: relative;
    font-size: 18px;
    color: #3d3d3d;
    background-color: #f7f7f7;
    padding-left: 22px;
  }
  .xwnba h1::after {
    position: absolute;
    content: "";
    width: 2px;
    height: 34px;
    background-color: #9742ff;
    left: 0;
    top: 13px;
  }
  .xwnba p {
    font-size: 12px;
    color: #909090;
    line-height: 22px;
    padding-left: 17px;
    margin-top: 14px;
  }
  .xwnba p span:nth-child(1) {
    background-image: url(../img/y167.png);
    background-position: left center;
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 65px;
    padding-left: 23px;
  }
  .xwnba p span:nth-child(2) {
    background-image: url(../img/y168.png);
    background-position: left center;
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 65px;
    padding-left: 23px;
  }
  .xwnba p span:nth-child(3) {
    background-image: url(../img/y169.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 23px;
  }
  .xwnc {
    width: 100%;
    margin-top: 10px;
  }
  .xwnc p {
    width: 92.63%;
    margin: 0 auto;
    font-size: 14px;
    color: #797979;
    line-height: 26px;
  }
  .xwnc p a {
    font-size: 14px;
  }
  .xwnc img {
    display: block;
    margin: 0 auto;
    margin-top: 54px;
    max-width: 660px;
  }
  .guan_xw {
    margin-top: 50px;
    font-size: 12px;
    display: block;
    color: #797979;
    line-height: 22px;
  }
  .guan_xw a {
    color: #a3a3a3;
    transition: all ease 0.3s;
  }
  .guan_xw a:hover {
    color: #832dec;
  }
  .xwna .fhlb {
    width: 100%;
    margin-top: 40px;
  }
  .xwny {
    width: 25%;
  }
  .xwnya {
    margin-bottom: 27px;
  }
  .xwnyba {
    width: 100%;
    background-color: #f7f7f7;
    padding: 21px 25px 21px 29px;
    transition: all ease 0.3s;
    margin-bottom: 13px;
  }
  .xwnyba .tjzxb_a {
    width: 30%;
  }
  .xwnyba .tjzxb_a h2 {
    font-size: 30px;
    line-height: 22px;
  }
  .xwnyba .tjzxb_b {
    padding-left: 27px;
    width: 70%;
  }
  .xwnyba .tjzxb_b p {
    font-size: 14px;
    line-height: 24px;
    height: 48px;
  }
  .xwnyba .tjzxb_b img {
    margin-top: 12px;
  }
  .xwnyba:hover {
    background-color: #832dec;
  }
  .xwnyba:hover h2 {
    color: #fff;
  }
  .xwnyba:hover p {
    color: #fff;
  }

  /*验证码*/
  .drag {
    width: 100%;
    height: 52px;
    line-height: 52px;
    background-color: #fff;
    position: relative;
    margin: 0 auto;
    border-radius: 10px;
    overflow: hidden;
  }
  .bg {
    width: 50px;
    height: 100%;
    position: absolute;
    background-color: #e4d9f6;
  }
  .text {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    user-select: none;
  }
  .btn {
    width: 50px;
    height: 52px;
    position: absolute;
    cursor: move;
    text-align: center;
    background-color: #b343ee;
    user-select: none;
    color: #fff;
  }

  /*新增板块*/
  .bk {
    width: 100%;
    background-color: #f8f8f8;
    padding: 50px 0 57px 0;
    margin-top: 50px;
  }
  .bkx {
    margin-top: -52px;
  }
  .bk1 {
    width: 28.4%;
  }
  .bk1 h5 {
    font-size: 18px;
    color: #3d3d3d;
    font-weight: bold;
    line-height: 28px;
    letter-spacing: 1px;
  }
  .bk1a {
    width: 100%;
    position: relative;
  }
  .bk1a > img {
    width: 63.23%;
    float: left;
  }
  .bk1a p {
    float: right;
    font-size: 12px;
    color: #a338f6;
    margin-top: -9px;
    cursor: pointer;
  }
  .bk1a p img {
    display: inline-block;
    margin-right: 6px;
    position: relative;
    top: 3px;
  }
  .bk1a::after {
    position: absolute;
    content: "";
    width: 35%;
    height: 1px;
    background-color: #e6e6e6;
    bottom: 7px;
    right: 0;
  }
  #container {
    width: 100%;
    margin-top: 17px;
  }
  #container a {
    font-size: 12px;
    color: #797979;
    line-height: 25px;
    display: inline-block;
    background-color: #fff;
    border-radius: 30px;
    padding: 0 12px;
    margin-top: 10px;
    box-shadow: 1px 4px 16px 0px rgba(94, 30, 203, 0.2);
    margin-right: 2px;
    transition: all ease 0.3s;
  }
  #container a:hover {
    background-color: #5e3dd9;
    color: #fff;
  }
  .bk2 {
    width: 43.472%;
    margin-left: 3.68%;
  }
  .bk2 h5 {
    font-size: 18px;
    color: #3d3d3d;
    font-weight: bold;
    line-height: 28px;
    letter-spacing: 1px;
  }
  .bk2 h5 a {
    font-size: 18px;
    color: #3d3d3d;
    font-weight: bold;
  }
  .bk2a {
    width: 100%;
    position: relative;
  }
  .bk2a img {
    width: 41.85%;
    float: left;
  }
  .bk2a p {
    float: right;
    margin-top: -8px;
  }
  .bk2a p a {
    font-size: 12px;
    color: #767676;
    line-height: 22px;
    text-transform: uppercase;
    transition: all ease 0.3s;
  }
  .bk2a p a:hover {
    color: #5e3dd9;
  }
  .bk2a::after {
    position: absolute;
    content: "";
    width: 57%;
    height: 1px;
    background-color: #e6e6e6;
    bottom: 7px;
    right: 0;
  }
  .bk2b {
    width: 109%;
    margin-top: 20px;
    margin-left: -3%;
  }
  .bk2b p {
    width: 92px;
    line-height: 25px;
    display: inline-block;
    background-color: #fff;
    border-radius: 30px;
    text-align: center;
    box-shadow: 1px 4px 18px 0px rgba(94, 30, 203, 0.2);
    margin: 0 12px;
    transition: all ease 0.3s;
    float: left;
    margin-top: 8px;
  }
  .bk2b p a {
    font-size: 14px;
    color: #3e3e3e;
    transition: all ease 0.3s;
  }
  .bk2b p.a {
    background-color: #5e3dd9;
  }
  .bk2b p.a a {
    color: #fff;
  }
  .bk2b p:hover {
    background-color: #5e3dd9;
  }
  .bk2b p:hover a {
    color: #fff;
  }
  .bk2c {
    width: 100%;
    margin-top: 22px;
  }
  .bk2c p {
    width: 47.92%;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 22px;
    border-bottom: 1px dashed #dcdcdc;
    padding: 15px 18px 10px 8px;
  }
  .bk2c p a {
    font-size: 12px;
    transition: all ease 0.3s;
    color: #797979;
  }
  .bk2c p a span {
    font-size: 14px;
    color: #832dec;
    font-weight: bold;
    font-family: Arial;
    margin-right: 21px;
  }
  .bk2c p:nth-child(2n) {
    float: right;
  }
  .bk2c p:nth-child(1) {
    border-top: 1px dashed #dcdcdc;
  }
  .bk2c p:nth-child(2) {
    border-top: 1px dashed #dcdcdc;
  }
  .bk2c p:hover a {
    color: #7734e9;
  }
  .bk3 {
    width: 20.138%;
  }
  .bk3 h5 {
    font-size: 18px;
    color: #3d3d3d;
    font-weight: bold;
    line-height: 28px;
    letter-spacing: 1px;
  }
  .bk3 h5 a {
    font-size: 18px;
    color: #3d3d3d;
    font-weight: bold;
  }
  .bk3a {
    width: 100%;
    position: relative;
  }
  .bk3a img {
    width: 34.48%;
    float: left;
  }
  .bk3a p {
    float: right;
    margin-top: -8px;
  }
  .bk3a p a {
    font-size: 12px;
    color: #767676;
    line-height: 22px;
    text-transform: uppercase;
    transition: all ease 0.3s;
  }
  .bk3a p a:hover {
    color: #5e3dd9;
  }
  .bk3a::after {
    position: absolute;
    content: "";
    width: 63%;
    height: 1px;
    background-color: #e6e6e6;
    bottom: 7px;
    right: 0;
  }
  .bk3b {
    width: 100%;
    height: 188px;
    overflow: hidden;
    margin-top: 30px;
  }
  .bk3b p {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 20px;
    margin-top: 8px;
    transition: all ease 0.3s;
  }
  .bk3b p a {
    font-size: 12px;
    color: #797979;
  }
  .bk3b p img {
    display: inline-block;
    margin-right: 8px;
    position: relative;
    top: 6px;
  }
  .bk3b p:hover a {
    color: #5e3dd9;
  }

  .xwl1 {
    width: 50%;
    padding: 20px 3%;
    transition: all ease 0.3s;
    float: left;
  }
  .xwl1:hover {
    box-shadow: 1px 1px 20px 1px rgba(120, 33, 220, 0.16);
  }
  .xwl1 p {
    font-size: 16px;
    color: #3d3d3d;
    line-height: 26px;
    width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
  }
  .xwl1 p a {
    font-size: 16px;
    color: #3d3d3d;
  }
  .xwl1 p span {
    color: #832dec;
    margin-right: 10px;
    display: inline-block;
  }
  .xwl1 p span a {
    color: #832dec;
  }
  .xwl1 p b {
    color: #3d3d3d;
  }
  .xwl1 h6 {
    font-family: Arial;
    font-size: 14px;
    color: #999999;
    line-height: 26px;
    transition: all ease 0.3s;
    float: right;
  }

  /*app开发页*/
  .navbx {
    width: 130px;
    left: 50%;
    margin-left: -65px;
  }
  .app {
    width: 100%;
    background-image: url(../img/z1.jpg);
    background-repeat: no-repeat;
    background-size: 1920px auto;
    background-position: center top;
    overflow: hidden;
  }
  .appa {
    width: 100%;
    padding-top: 47px;
  }
  .appa .wlyxb {
    margin-top: 124px;
  }
  .appa .aldh {
    margin-top: 37px;
  }
  .appa .aldh {
    padding: 6px 48px 0 48px;
  }
  .appa .aldh p {
    min-width: 119px;
    padding: 0 18px;
    width: auto;
  }
  .appa .mbxa {
    margin-top: 105px;
  }
  .appy {
    width: 100%;
    margin-top: 100px;
  }
  .appyat {
    width: 32%;
  }
  .appyat img {
    width: 100%;
  }
  .appyat img:hover {
    width: 100%;
  }
  .appyaw {
    width: 60%;
    margin-right: 2%;
    margin-top: 2px;
  }
  .appy_bt h5 {
    font-family: Arial;
    font-size: 70px;
    font-weight: 900;
    color: #e7e3ff;
    text-transform: uppercase;
    line-height: 52px;
  }
  .appy_bt h6 {
    font-size: 24px;
    color: #414140;
    font-weight: bold;
    line-height: 24px;
    margin-top: -14px;
    letter-spacing: 2px;
    position: relative;
  }
  .appy_bt p {
    font-size: 14px;
    color: #868686;
    line-height: 24px;
    margin-top: 12px;
  }
  .appyawa {
    width: 100%;
    margin-top: 4%;
  }
  .appyawa_a {
    width: 16.666%;
    border: 1px solid #d6d8fe;
    height: 62px;
    transition: all ease 0.3s;
    background-image: url(../img/z3.png);
    background-size: 0;
    position: relative;
    background-repeat: no-repeat;
    margin-right: -1px;
    margin-bottom: -1px;
  }
  .appyawa_a a {
    display: block;
  }
  .appyawa_a h6 {
    text-align: center;
    font-size: 16px;
    color: #414140;
    letter-spacing: 2px;
  }
  .appyawa_a h6 img {
    display: inline-block;
    position: relative;
    top: 14px;
    margin-right: 8px;
  }
  .appyawa_a p {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    text-align: center;
    font-size: 14px;
    line-height: 19px;
    padding-top: 13px;
    color: #fff;
    opacity: 0;
    transition: all ease 0.3s;
  }
  .appyawa_a p span {
    display: block;
    font-weight: bold;
    color: #fdad00;
    text-decoration: underline;
  }
  .appyawa_a:hover {
    background-size: 100% 100%;
  }
  .appyawa_a:hover h6 {
    opacity: 0;
  }
  .appyawa_a:hover p {
    opacity: 1;
  }
  .appyawa_b {
    width: 49.81%;
    border: 1px solid #d6d8fe;
    height: 62px;
    padding: 14px 0 0 25px;
  }
  .appyawa_b p {
    width: 166px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    background-image: url(../img/z25.png);
    background-size: 100%;
    position: relative;
    border-radius: 100px;
    transition: all ease 0.3s;
    box-shadow: 4px 4px 13px 0 rgba(94, 30, 203, 0.2);
  }
  .appyawa_b p a {
    font-size: 14px;
    color: #fff;
    display: block;
  }
  .appyawa_b p:hover {
    transform: translateX(5px);
  }
  .appyb {
    width: 100%;
    margin-top: 36px;
    background-image: url(../img/z3.jpg);
    background-repeat: no-repeat;
    background-size: 1920px 753px;
    height: 753px;
    background-position: center;
    padding-top: 76px;
  }
  .appyb .appy_bt {
    width: 92.827%;
    margin: 0 auto;
  }
  .appyb .appy_bt h5 {
    color: #cbc5f0;
    opacity: 0.5;
  }
  .appyb .appy_bt p.fr {
    margin-top: -19px;
    margin-right: 6px;
  }
  .appyba {
    width: 96.727%;
    margin: 0 auto;
  }
  .appybb {
    width: 29.229%;
    margin: 0 2.0521%;
    height: 180px;
    background-color: #fff;
    border-radius: 15px;
    margin-top: 45px;
    border: 1px solid #f2f1ff;
    padding-top: 47px;
    box-shadow: 4px 4px 30px 0 rgba(177, 183, 243, 0.4);
  }
  .appybb_a {
    width: 4px;
    height: 70px;
    background-color: #9587ee;
  }
  .appybb img {
    float: left;
    width: 60px;
    margin-left: 7%;
    margin-top: 3px;
    transition: all ease 0.3s;
  }
  .appybb p {
    float: left;
    font-size: 14px;
    color: #868686;
    line-height: 24px;
    margin-left: 8%;
  }
  .appybb p span {
    display: block;
    font-size: 22px;
    color: #454353;
    font-weight: bold;
    margin-bottom: 13px;
  }
  .appybb:hover img {
    transform: rotate(10deg);
  }
  .appyb_m {
    width: 260px;
    height: 50px;
    line-height: 50px;
    margin: 0 auto;
    margin-top: 43px;
    text-align: center;
    background-color: #6f55eb;
    border-radius: 50px;
    transition: all ease 0.3s;
    box-shadow: 5px 5px 20px 0 rgba(69, 117, 220, 0.3);
  }
  .appyb_m a {
    font-size: 18px;
    color: #fff;
    display: block;
  }
  .appyb_m:hover {
    transform: translateY(-6px);
  }
  .appyc {
    width: 91.92%;
    margin: 0 auto;
    margin-top: 60px;
    padding-bottom: 70px;
  }
  .appyc h5 {
    font-size: 24px;
    color: #414140;
    font-weight: bold;
    line-height: 26px;
    letter-spacing: 2px;
  }
  .appyca {
    width: 100%;
    margin-top: 5px;
  }
  .appyca_a {
    width: 50%;
    margin-top: 29px;
  }
  .appyca_a h6 {
    width: 140px;
    height: 30px;
    text-align: center;
    line-height: 20px;
    font-size: 20px;
    color: #454353;
    background-image: url(../img/z33.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% 27px;
    float: left;
  }
  .appyca_a p {
    float: left;
    font-size: 14px;
    color: #868686;
    line-height: 24px;
    margin-top: 6px;
    margin-left: 20px;
    width: 100%;
  }
  .appyca_a p span {
    color: #9587ee;
  }
  .appyca_b {
    width: 50%;
    margin-top: 30px;
  }
  .appyca_b img {
    width: 951px;
  }
  .appyc .appyb_m {
    margin: 0;
    margin-top: 51px;
  }
  .appyd {
    width: 100%;
    background-image: url(../img/z4.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 90px 0;
  }
  .appyd .appy_bt h6 {
    margin-top: -22px;
  }
  .appyda {
    width: 98.607%;
    margin: 0 auto;
    margin-top: 60px;
    overflow: hidden;
  }
  .appydd {
    width: 94.35%;
    margin: 0 auto;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
  }
  .appydd_t {
    width: 100%;
    overflow: hidden;
  }
  .appydd_t img {
    width: 100%;
  }
  .appydd_w {
    width: 100%;
    background-color: #fff;
    height: 85px;
    padding: 0 7% 0 5%;
    overflow: hidden;
  }
  .appydd_w h6 {
    float: left;
    font-size: 70px;
    color: #7546cf;
    opacity: 0.4;
    font-family: Arial;
    font-weight: 900;
    font-style: italic;
    line-height: 65px;
    margin-top: 24px;
  }
  .appydd_w p {
    float: right;
    font-size: 18px;
    color: #333333;
    line-height: 20px;
    letter-spacing: 1px;
    font-weight: bold;
    margin-top: 32px;
  }
  .appydd_a {
    position: absolute;
    width: 90.42%;
    left: 4.79%;
    height: 89.86%;
    top: 5.07%;
    background-color: rgba(101, 51, 206, 0.9);
    padding: 12% 7% 0 6%;
    border-radius: 20px;
    transform: rotateY(-90deg);
    opacity: 0;
    transition: all ease 0.3s;
  }
  .appydd_a h6 {
    font-size: 18px;
    color: #fff;
    line-height: 18px;
    font-weight: bold;
    letter-spacing: 1px;
  }
  .appydd_a p {
    font-size: 14px;
    color: #fff;
    line-height: 24px;
    margin-top: 15px;
    height: 120px;
    overflow: hidden;
  }
  .appydd_m {
    width: 150px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    margin-top: 5%;
    background-image: url(../img/z34.png);
    background-repeat: no-repeat;
    background-size: 100%;
    transition: all ease 0.3s;
    box-shadow: 2px 2px 25px 0 #4575dc;
    border-radius: 30px;
  }
  .appydd_m a {
    font-size: 16px;
    color: #fff;
    display: block;
  }
  .appydd_m:hover {
    transform: scale(0.95);
  }
  .appydd_a h5 {
    position: absolute;
    right: 13px;
    bottom: 0;
    font-size: 60px;
    color: #fff;
    opacity: 0.15;
    font-family: Arial;
    line-height: 50px;
    font-weight: 900;
  }
  .appydd:hover .appydd_a {
    transform: rotateY(0deg);
    opacity: 1;
  }
  .appydx {
    display: table;
    margin: 0 auto;
    margin-top: 51px;
  }
  .appydx > img {
    width: 44px;
    cursor: pointer;
    margin-top: 23px;
  }
  .appydx_m {
    width: 287px;
    margin: 0 4px 0 12px;
  }
  .appydx_m img {
    width: 100%;
  }
  .appye {
    margin-top: 72px;
  }
  .appye .appy_bt h6 {
    margin-top: -18px;
  }
  .appyea {
    width: 100%;
    margin-top: -26px;
  }
  .appyeb {
    width: 26.754%;
  }
  .appyeb_a {
    width: 100%;
    background-image: url(../img/z38.png);
    height: 261px;
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 15% 13% 0 14%;
  }
  .appyeb_a h6 {
    font-size: 14px;
    color: #c2b7ff;
    line-height: 12px;
    text-transform: uppercase;
  }
  .appyeb_a p {
    font-size: 15px;
    color: #454353;
    line-height: 26px;
    margin-top: 8px;
  }
  .appyeb_a img {
    float: right;
    margin-top: 14px;
    margin-right: 6px;
  }
  .appyeb_b {
    background-image: url(../img/z39.png);
    padding-top: 24%;
  }
  .appyec {
    width: 42.397%;
    margin-top: 93px;
  }
  .appyec img {
    width: 100%;
  }
  .appyed {
    width: 29.97%;
  }
  .appyeb_c {
    background-image: url(../img/z40.png);
    padding: 15% 13% 0 14%;
  }
  .appyeb_d {
    background-image: url(../img/z41.png);
    padding: 24% 13% 0 14%;
  }
  .appye_m {
    width: 259px;
    height: 50px;
    line-height: 50px;
    margin: 0 auto;
    text-align: center;
    background-image: url(../img/z43.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-top: -14px;
    transition: all ease 0.3s;
  }
  .appye_m a {
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    display: block;
  }
  .appye_m:hover {
    transform: scale(0.95);
  }
  .appyf {
    width: 100%;
    background-color: #f8f8f8;
    padding: 64px 0 79px 0;
    margin-top: 64px;
  }
  .appyfa {
    width: 90.947%;
    margin: 0 auto;
    margin-top: 48px;
    padding-left: 9px;
    background-image: url(../img/z46.png);
    background-repeat: no-repeat;
    background-size: 100% 5px;
    background-position: left top 65px;
  }
  .appyfa_a {
    width: 10%;
  }
  .appyfa_a p {
    font-size: 17px;
    color: #454353;
    line-height: 18px;
    width: 150%;
  }
  .appyfa_a p span {
    font-size: 20px;
    color: #3a30e5;
    font-weight: bold;
    margin-right: 4px;
  }
  .appyfa_a img.t1 {
    margin-top: 6px;
    width: 5px;
    margin-left: 10px;
  }
  .appyfa_a img.t2 {
    margin-top: 2px;
    width: 26px;
  }
  .appyfa_aa {
    margin-top: 55px;
  }
  .appyfa_aa img.t2 {
    margin-top: 0px;
  }
  .appyfa_aa p {
    margin-top: 9px;
  }
  .appyg {
    margin-top: 64px;
    padding-bottom: 83px;
  }
  .appyg .appy_bt h6 {
    margin-top: -18px;
  }
  .appyga {
    width: 98.05%;
    margin: 0 auto;
    margin-top: 4px;
  }
  .appygb {
    width: 22.585%;
    margin: 0 1.2075%;
    height: 253px;
    border: 1px solid #f2f1ff;
    border-radius: 20px;
    margin-top: 35px;
    box-shadow: 5px 5px 0 0 #fff0b3;
    padding: 0 16px;
  }
  .appygb span {
    width: 80px;
    height: 4px;
    background-color: #9587ee;
    position: relative;
    top: -1px;
    display: block;
    margin: 0 auto;
  }
  .appygb img {
    width: 70px;
    margin: 0 auto;
    margin-top: 30px;
    transition: all ease 0.3s;
  }
  .appygb h6 {
    text-align: center;
    font-size: 17px;
    color: #3a30e5;
    line-height: 20px;
    margin-top: 29px;
  }
  .appygb p {
    text-align: center;
    font-size: 14px;
    color: #868686;
    line-height: 24px;
    margin-top: 14px;
  }
  .appygb p br {
    display: none;
  }
  .appygb_a {
    margin-left: 14%;
  }
  .appygb_b {
    margin-left: 26.5%;
  }
  .appygb:hover img {
    transform: rotateY(180deg);
  }
  .appyh {
    height: 340px;
    padding-top: 95px;
  }

  /*小程序开发页*/
  .xcxaa {
    width: 100%;
  }
  .xcxab {
    width: 37.186%;
  }
  .xcxab_a {
    width: 100%;
    background-image: url(../img/z56.png);
    height: 185px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    padding: 57px 90px 0 70px;
    transition: all ease 0.3s;
  }
  .xcxab_a h6 {
    font-size: 20px;
    color: #3a30e5;
    font-weight: bold;
    line-height: 20px;
  }
  .xcxab_a p {
    font-size: 14px;
    color: #868686;
    line-height: 18px;
    margin-top: 12px;
  }
  .xcxac {
    width: 27.506%;
    margin-top: 60px;
    margin-left: -1.878%;
  }
  .xcxac img {
    width: 100%;
  }
  .xcxab_b {
    background-image: url(../img/z58.png);
  }
  .xcxab_c {
    background-image: url(../img/z57.png);
  }
  .xcxab_d {
    background-image: url(../img/z59.png);
  }
  .xcxa .appye_m {
    margin-top: 5px;
  }
  .xcxb {
    width: 100%;
    background-image: url(../img/z17.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 90px 0 73px;
    margin-top: 96px;
  }
  .xcxba {
    width: 98.607%;
    margin: 0 auto;
    margin-top: 36px;
  }
  .xcxbb {
    width: 23.587%;
    margin: 0 0.7065%;
    margin-top: 23px;
    border-radius: 20px;
    overflow: hidden;
  }
  .xcxbb:hover .appydd_t img {
    transform: scale(1.05);
  }

  /*微信公众平台开发页*/
  .weixaa {
    width: 96%;
    margin: 0 auto;
    margin-top: 22px;
  }
  .weixab {
    width: 28.1%;
  }
  .weixab_a {
    width: 100%;
    margin-top: 41px;
  }
  .weixab_a h6 {
    background-image: url(../img/z60.png);
    width: 173px;
    height: 34px;
    background-repeat: no-repeat;
    background-size: 100% 30px;
    background-position: center bottom;
    font-size: 20px;
    color: #3a30e5;
    font-weight: bold;
    line-height: 20px;
    padding-left: 8px;
  }
  .weixab_a p {
    font-size: 14px;
    color: #868686;
    line-height: 18px;
    padding-left: 8px;
    margin-top: 15px;
    height: 54px;
  }
  .weixab_a img {
    width: 124%;
    margin-top: -20px;
    margin-left: -4%;
  }
  .weixac {
    width: 30.431%;
    margin-left: 6.6845%;
    margin-top: 27px;
  }
  .weixac img {
    width: 100%;
  }
  .weixa .appye_m {
    margin-top: 0;
  }
  .weixb {
    width: 100%;
    margin-top: 83px;
  }
  .weixba {
    width: 100%;
    margin-top: -20px;
  }
  .weixba img {
    position: relative;
    width: 1400px;
    left: 50%;
    margin-left: -700px;
    z-index: -1;
  }
  .weixbb {
    width: 98%;
    margin: 0 auto;
    margin-top: 39px;
  }
  .weixbb_a {
    width: 12.5%;
  }
  .weixbb_a img {
    width: 82px;
    margin: 0 auto;
    border-radius: 50%;
    transition: all ease 0.3s;
  }
  .weixbb_a h6 {
    text-align: center;
    font-size: 16px;
    color: #333333;
    font-weight: bold;
    line-height: 16px;
    margin-top: 17px;
  }
  .weixbb_a p {
    text-align: center;
    font-size: 12px;
    color: #868686;
    line-height: 18px;
    margin-top: 9px;
    height: 73px;
  }
  .weixbb_a:hover img {
    transform: rotate(15deg);
  }
  .weixc {
    width: 100%;
    background-color: #f8f8ff;
    margin-top: 52px;
    padding: 55px 0 65px;
  }

  /*抖音代运营页*/
  .xmt {
    width: 100%;
    background-image: url(../img/z32.jpg);
    background-repeat: no-repeat;
    background-size: 1920px auto;
    background-position: center top;
    overflow: hidden;
  }
  .xmta {
    width: 100%;
    padding-top: 47px;
  }
  .xmta .wlyxb {
    margin-top: 125px;
  }
  .xmta .wlyxb h6 {
    text-align: center;
    font-size: 16px;
    color: #fff;
    line-height: 24px;
    margin-top: 28px;
    letter-spacing: 1px;
  }
  .xmta .aldh {
    margin-top: 42px;
  }
  .xmta .aldh p {
    min-width: 166px;
    padding: 0 20px;
  }
  .xmta .mbxa {
    margin-top: -180px;
  }
  .xmtya {
    margin-top: 70px;
  }
  .xmtya img {
    width: 55.849%;
    margin: 0 auto;
  }
  .xmtyb {
    margin-top: 160px;
  }
  .xmtyb .appy_bt h6 {
    margin-top: -22px;
  }
  .xmtyba {
    width: 98.885%;
    margin: 0 auto;
    margin-top: 54px;
  }
  .xmtybb {
    width: 21.9%;
    margin: 0 1.55%;
    height: 324px;
    border: 1px solid #f2f1ff;
    border-radius: 20px;
    box-shadow: 5px 6px 30px 0 rgba(177, 183, 243, 0.3);
  }
  .xmtybb span {
    width: 80px;
    height: 4px;
    display: block;
    background-color: #9587ee;
    position: relative;
    top: -1px;
    margin: 0 auto;
  }
  .xmtybb img {
    width: 79px;
    margin: 0 auto;
    margin-top: 39px;
  }
  .xmtybb h6 {
    text-align: center;
    font-size: 20px;
    color: #454353;
    font-weight: bold;
    line-height: 28px;
    margin-top: 34px;
  }
  .xmtybb p {
    text-align: center;
    font-size: 13px;
    color: #868686;
    line-height: 24px;
    margin-top: 18px;
    padding: 0 22px;
  }
  .xmtyc {
    width: 100%;
    margin-top: 83px;
  }
  .xmtyd {
    width: 100%;
    background-image: url(../img/z33.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 138px 0;
    margin-top: 3px;
  }
  .xmtyda {
    width: 100%;
  }
  .xmtydb {
    width: 22.841%;
    margin: 0 1.0795%;
    overflow: hidden;
    position: relative;
    border-radius: 5px;
  }
  .xmtydb:nth-child(2n) {
    margin-top: 50px;
  }
  .xmtydb img {
    width: 100%;
    transition: all ease 0.3s;
  }
  .xmtydb_w {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: rgba(82, 60, 192, 0.7);
    padding: 30px 5px 29px 31px;
  }
  .xmtydb_w h6 {
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    line-height: 24px;
  }
  .xmtydb_w p {
    margin-top: 12px;
    font-size: 14px;
    color: #fff;
    line-height: 24px;
  }
  .xmtydb:hover img {
    transform: scale(1.05);
  }
  .xmtye {
    margin-top: 32px;
    margin-bottom: 65px;
  }
  .xmtyea {
    width: 89.763%;
    margin: 0 auto;
    margin-top: 46px;
  }
  .xmtyeb {
    width: 30.64%;
    padding: 46px 10px 0 50px;
    height: 340px;
  }
  .xmtyeb h5 {
    width: 227px;
    height: 37px;
    background-image: url(../img/z91.png);
    background-repeat: no-repeat;
    background-size: 100% 30px;
    background-position: center bottom;
    padding-left: 27px;
    font-size: 24px;
    color: #454353;
    line-height: 24px;
    letter-spacing: 1px;
  }
  .xmtyeb h6 {
    font-size: 14px;
    color: #9587ee;
    font-weight: bold;
    line-height: 14px;
    margin-top: 36px;
    margin-left: 11px;
    margin-bottom: -14px;
  }
  .xmtyeb_a {
    padding-left: 24px;
    width: 92%;
    margin-top: 17px;
  }
  .xmtyeb_a p {
    font-size: 14px;
    color: #868686;
    line-height: 24px;
    margin-top: 14px;
    position: relative;
    float: left;
    width: 50%;
  }
  .xmtyeb_a p::after {
    content: "";
    position: absolute;
    left: -12px;
    top: 8px;
    width: 7px;
    height: 7px;
    background-color: #9587ee;
    border-radius: 50%;
  }
  .xmtyec {
    width: 28.161%;
  }
  .xmtyec img {
    width: 100%;
  }
  .xmtyec {
    width: 29.635%;
    margin-left: 4.344%;
  }
  .xmtyed {
    background-image: url(../img/z92.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
  }
  .xmtyeb_b p {
    width: 100%;
  }
  .xmtyef {
    margin-left: 4%;
  }
  .xmtyex {
    padding-left: 85px;
  }
  .xmtyf {
    width: 100%;
    margin-top: 60px;
    margin-bottom: 60px;
  }

  /*微信/微博代运营页*/
  .wbya {
    margin-top: 50px;
  }
  .wbyb .appy_bt p {
    font-size: 14px;
    line-height: 24px;
    margin-top: 14px;
  }
  .wbyb .xmtyba {
    margin-top: 2px;
  }
  .wbyb .xmtybb {
    margin-top: 34px;
  }
  .wbyc {
    margin-top: 55px;
  }
  .wbyca {
    width: 49.43%;
    margin-top: 15px;
    background-image: url(../img/z39.jpg);
    height: 476px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .wbyca h4 {
    width: 236px;
    height: 84px;
    background-color: rgba(99, 71, 234, 0.8);
    border-bottom-right-radius: 30px;
    line-height: 84px;
    text-align: center;
    font-size: 24px;
    color: #fff;
    font-weight: bold;
  }
  .wbycaa {
    width: 100%;
    padding: 110px 20px 0 50px;
  }
  .wbycaa_a {
    width: 100%;
    margin-top: 24px;
  }
  .wbycaa_a h6 {
    font-size: 24px;
    color: #846cfa;
    font-weight: bold;
    float: left;
    line-height: 18px;
    width: 48px;
  }
  .wbycaa_a p {
    float: left;
    font-size: 12px;
    color: #fff;
    line-height: 18px;
    width: calc(100% - 48px);
  }
  .wbycaa_a p span {
    font-size: 18px;
    font-weight: bold;
    display: block;
    margin-bottom: 7px;
  }
  .wbycb {
    background-image: url(../img/z40.jpg);
  }
  .wbycc {
    background-image: url(../img/z41.jpg);
  }
  .wbycd {
    background-image: url(../img/z42.jpg);
  }
  .wbycab {
    width: 100%;
    margin-top: 99px;
    padding: 0 18px 0 15px;
  }
  .wbycab_a {
    width: 33.333%;
    height: 128px;
    padding-top: 23px;
  }
  .wbycab_a img {
    width: 44px;
    margin: 0 auto;
    transition: all ease 0.3s;
  }
  .wbycab_a:hover img {
    transform: rotateY(180deg);
  }
  .wbycab_a p {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    margin-top: 15px;
  }
  .wbycab_a:nth-child(1),
  .wbycab_a:nth-child(2) {
    border-bottom: 1px solid #5a4e8f;
    border-right: 1px solid #5a4e8f;
  }
  .wbycab_a:nth-child(3) {
    border-bottom: 1px solid #5a4e8f;
  }
  .wbycab_a:nth-child(4),
  .wbycab_a:nth-child(5) {
    border-right: 1px solid #5a4e8f;
  }
  .wbycab_a:nth-child(4),
  .wbycab_a:nth-child(5),
  .wbycab_a:nth-child(6) {
    padding-top: 34px;
  }
  .wbycc .wbycaa {
    width: 50%;
    padding: 110px 10px 0 50px;
  }
  .wbycz {
    display: table;
    margin: 0 auto;
    margin-top: 40px;
  }
  .wbycz li {
    width: 63px;
    height: 3px;
    background-color: #a4a4a4;
    display: block;
    float: left;
    margin: 0 12px;
    cursor: pointer;
  }
  .wbycz li.on {
    background-color: #9a20e3;
  }
  .wbyd {
    width: 100%;
    background-image: url(../img/z43.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-top: 89px;
    padding: 59px 0 103px;
  }
  .wbyd .appy_bt h5 {
    color: #6455ed;
    opacity: 0.4;
  }
  .wbyd .appy_bt h6 {
    color: #fff;
    margin-top: -22px;
  }
  .wbyd .appy_bt p {
    text-align: center;
    font-size: 14px;
    color: #fff;
    line-height: 18px;
    margin-top: 19px;
  }
  .wbyda {
    display: table;
    margin: 0 auto;
    margin-top: 38px;
  }
  .wbyda p {
    float: left;
    width: 210px;
    background-color: #fff;
    line-height: 42px;
    height: 42px;
    text-align: center;
    border-radius: 30px;
    font-size: 16px;
    color: #3d3d3d;
    margin: 0 7.5px;
    cursor: pointer;
    transition: all ease 0.3s;
  }
  .wbyda p.on {
    background-color: #000;
    color: #fff;
  }
  .wbydb {
    width: 86.002%;
    margin: 0 auto;
    margin-top: 48px;
  }
  .wbydc {
    width: 100%;
  }
  .wbydc_t {
    width: 51.983%;
    overflow: hidden;
    position: relative;
  }
  .wbydc_t img {
    width: 100%;
  }
  .wbydc_t p {
    position: absolute;
    left: 0;
    bottom: 0;
    min-width: 181px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    border-top-right-radius: 20px;
    background-color: #322f2a;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
  }
  .wbydc_w {
    width: 45.344%;
  }
  .wbydc_wa {
    width: 100%;
    border: 1px dashed #a970f4;
    margin-bottom: -1px;
    padding: 3% 3% 3% 3%;
    transition: all ease 0.3s;
  }
  .wbydc_wa h6 {
    float: left;
    font-size: 22px;
    color: #9864ff;
    font-weight: bold;
    line-height: 18px;
    border-bottom: 4px solid #9864ff;
    padding-bottom: 9px;
    margin-top: 7px;
  }
  .wbydc_wa p {
    float: left;
    font-size: 14px;
    color: #fff;
    line-height: 20px;
    margin-left: 5%;
    width: calc(95% - 70px);
  }
  .wbydc_wa p span {
    display: block;
    font-size: 19px;
    font-weight: bold;
    margin-bottom: 6px;
  }
  .wbydc_wa:hover {
    background-color: #6532d9;
  }
  .wbye {
    margin-top: 65px;
  }
  .wbye .appy_bt h6 {
    margin-top: -22px;
  }
  .wbye .appy_bt p {
    text-align: center;
    font-size: 14px;
    color: #868686;
    line-height: 18px;
    margin-top: 16px;
  }
  .wbyea {
    width: 100%;
    margin-top: 46px;
  }
  .wbyea_a {
    width: 25%;
    border-left: 1px dashed #dedceb;
    height: 218px;
  }
  .wbyea_a:nth-child(1) {
    border: none;
  }
  .wbyea_a img {
    width: 87px;
    margin: 0 auto;
    transition: all ease 0.3s;
  }
  .wbyea_a:hover img {
    transform: translateY(-6px);
  }
  .wbyea_a h6 {
    text-align: center;
    font-size: 24px;
    color: #414140;
    font-weight: bold;
    line-height: 24px;
    margin-top: 24px;
    letter-spacing: 2px;
  }
  .wbyea_a p {
    font-size: 14px;
    color: #868686;
    line-height: 18px;
    margin-top: 16px;
    text-align: center;
  }
  .wbyf {
    margin-top: 80px;
    width: 100%;
    background-image: url(../img/z48.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 70px 0 60px;
  }
  .wbyf .appy_bt h6 {
    margin-top: -22px;
  }
  .wbyf .appy_bt p {
    text-align: center;
    font-size: 14px;
    color: #868686;
    line-height: 18px;
    margin-top: 16px;
  }
  .wbyfa {
    width: 89.415%;
    margin: 0 auto;
    margin-top: 34px;
  }
  .wbyfa img {
    width: 100%;
  }
  .wbyg {
    margin-top: 65px;
    padding-bottom: 70px;
  }
  .wbyg .appy_bt h6 {
    margin-top: -22px;
  }
  .wbyg .appy_bt span {
    width: 35px;
    height: 4px;
    display: block;
    margin: 0 auto;
    margin-top: 18px;
    background-color: #fbd539;
  }
  .wbyg .appy_bt p {
    text-align: center;
    font-size: 14px;
    color: #868686;
    line-height: 18px;
    margin-top: 23px;
  }
  .wbyga {
    width: 80.501%;
    margin-left: 8.774%;
    margin-top: 36px;
  }
  .wbyga img {
    float: left;
    width: 11.851%;
    border-radius: 50%;
    box-shadow: 5px 0 20px 0 rgba(191, 191, 243, 0.54);
  }
  .wbyga p {
    float: left;
    width: 13.149%;
    font-size: 16px;
    color: #454353;
    line-height: 16px;
    margin-top: 2%;
    padding-left: 16px;
    background: url(../img/y83.png);
    background-size: auto;
    background-repeat: repeat-x;
    background-position: left top 27px;
  }
  .wbyga p span {
    color: #9e99ef;
    font-weight: bold;
    display: block;
    text-transform: uppercase;
    line-height: 14px;
    margin-bottom: 25px;
  }

  /*一瞬简介页修改2021.7.16*/
  .gy16a {
    width: 100%;
    background-color: #fafbfe;
    margin-top: 76px;
    padding: 55px 0 50px;
  }
  .gy16a-x {
    width: 96%;
    margin: 0 auto;
  }
  .gy16a_w {
    width: 45.583%;
  }
  .gy16a_wa {
    width: 100%;
    margin-top: 14px;
  }
  .gy16a_wa h6 {
    font-size: 18px;
    color: #454353;
    line-height: 30px;
    background-image: url(../img/y136.png);
    background-size: 100% 12px;
    background-repeat: no-repeat;
    background-position: bottom center;
    display: table;
    padding-right: 23px;
    letter-spacing: 1px;
  }
  .gy16a_wa p {
    font-size: 14px;
    color: #747474;
    line-height: 22px;
    margin-top: 38px;
  }
  .gy16a_t {
    width: 36%;
    margin-right: 5%;
  }
  .gy16a_t img {
    width: 100%;
  }
  .gy16b {
    width: 96%;
    margin: 0 auto;
    margin-top: 73px;
  }
  .gy16b_t {
    width: 43.416%;
  }
  .gy16b_t img {
    width: 100%;
  }
  .gy16b .gy16a_w {
    margin-top: 8px;
  }
  .gy16c {
    margin-top: 63px;
  }
  .gy16c .gy16a_t {
    width: 34.416%;
  }
  .gy16c .gy16a_w {
    margin-top: 0;
  }
  .gy16d {
    width: 96%;
    margin: 0 auto;
    margin-top: 51px;
  }
  .gy16d_t {
    width: 36.08%;
    margin-left: 5.83%;
  }
  .gy16d_t img {
    width: 100%;
  }

  @media (min-width: 1100px) {
    .nav {
      width: 68%;
    }
    .nava p a {
      font-size: 14px;
    }
    .navb_a a {
      font-size: 14px;
    }
    .yla {
      width: 53%;
    }
    .wltgcd {
      width: 320px;
    }
    .wlggba3 {
      width: 84%;
      top: -61px;
    }
    .allx_p {
      padding: 0 30px;
    }
    .dstgd1a {
      margin-left: 7%;
    }
    .gydh .aldh_p {
      width: 112px;
    }
    .yslcc {
      width: 360px;
    }

    .ryzzae {
      height: 322px;
    }
    .ryzzae p span {
      margin-top: 11%;
    }
    .wlggd4 {
      width: 270px;
    }
    .ysalb_p {
      width: 135px;
    }
    .yskbe {
      width: 330px;
    }
    .sygyy {
      margin-top: 12%;
    }
    .yszxab_p {
      width: 150px;
    }
    .yszxab_m {
      width: 150px;
    }
    .yszxcdaa {
      padding: 9% 11px 2% 11px;
    }
    .yszxcea {
      padding-top: 4%;
    }
    .wbyga p {
      margin-top: 3%;
    }
  }

  @media (min-width: 1150px) {
    .nav {
      width: 70%;
    }
    .wzjsb_a {
      width: 42%;
    }
    .yla {
      width: 54%;
    }
    .wlyxd_t {
      width: 40%;
    }
    .wltgba {
      margin-top: 5%;
    }
    .wltgba_ca:nth-child(2) {
      margin: 0 13%;
    }
    .wltgcd {
      width: 340px;
    }
    .ydyxb {
      top: -150px;
    }
    .wlggba3 {
      width: 82%;
      top: -70px;
    }
    .wlggg1 p span {
      width: 20px;
    }
    .allx_p {
      padding: 0 34px;
    }
    .alnbb {
      right: 12%;
    }
    .gydh .aldh_p {
      width: 119px;
    }
    .yslcc {
      width: 380px;
    }

    .ryzzae {
      height: 335px;
    }
    .ryzzae p {
      font-size: 14px;
    }
    .wlggd4 {
      width: 280px;
    }
    .ysalb_p {
      width: 140px;
    }
    .yskbe {
      width: 340px;
    }
    .sygyy {
      margin-top: 9%;
    }
    .yszxcea {
      padding-top: 5%;
    }
  }

  @media (min-width: 1199px) {
    .nav {
      width: 71%;
    }
    .yla {
      width: 56%;
    }
    .wlyxd_t {
      width: 38%;
    }
    .wlyxgb_a {
      width: 27%;
    }
    .wlyxgb_a:nth-child(3n + 2) {
      margin: 0 9.5%;
    }
    .wlyxhab_m {
      margin-top: 8%;
    }
    .wltgba {
      margin-top: 6%;
    }
    .wltgcd {
      width: 360px;
    }
    .wltge {
      width: 82%;
    }
    .ydyxb {
      top: -160px;
    }
    .wlggd4 {
      width: 320px;
    }
    .wlggg1 p span {
      width: 25px;
    }
    .allx_p {
      padding: 0 36px;
    }
    .alnbb {
      right: 16%;
    }
    .alnba {
      width: 920px;
      padding: 22px 108px 58px 114px;
    }
    .alnba_t {
      height: 441px;
    }
    .dstgd1a {
      width: 820px;
      padding: 23px 97px 53px 103px;
    }
    .yslcc {
      width: 390px;
    }

    .ryzzae {
      height: 345px;
    }
    .qywhbaa {
      width: 1500px;
    }
    .qywhbac {
      width: 500px;
    }
    .wlggd4 {
      width: 290px;
    }
    .qywhbaa::after {
      width: 500px;
    }
    .ysalb_p {
      width: 145px;
    }
    .yskbe {
      width: 360px;
    }
    .sygyy {
      margin-top: 6%;
    }
    .yszxcdaa {
      padding: 9% 11px 4% 11px;
    }
    .yszxcea {
      padding-top: 6%;
    }

    .appyeb_a p {
      font-size: 17px;
      line-height: 29px;
    }
    .appygb h6 {
      font-size: 18px;
    }
    .weixaa {
      width: 92%;
    }
    .weixba {
      margin-top: -30px;
    }
    .weixba img {
      width: 1600px;
      margin-left: -800px;
    }
    .weixbb_a p {
      font-size: 13px;
    }
    .xmtybb h6 {
      font-size: 22px;
    }
    .xmtybb p {
      font-size: 14px;
    }
    .xmtydb_w p {
      font-size: 15px;
    }
  }

  @media (min-width: 1265px) {
    .yla {
      width: 58%;
    }
    .wlyxd_t {
      width: 36%;
      margin-left: 10%;
    }
    .wlyxi {
      width: 89%;
    }
    .wltgba_ca:nth-child(2) {
      margin: 0 15%;
    }
    .wltgba {
      margin-top: 7%;
    }
    .wltgec {
      width: 74%;
    }
    .ydyxb {
      top: -170px;
    }
    .ydyxdb_a {
      height: 540px;
    }
    .ydyxfa {
      width: 86%;
    }

    .ydyxfc {
      width: 64.5%;
    }
    .sjyx_ala {
      width: 29%;
      margin-left: 4%;
      margin-top: 7%;
    }
    .wlggba3 p {
      width: 42%;
    }
    .wlggd4 {
      width: 340px;
    }
    .allx_p {
      padding: 0 40px;
    }
    .alnbb {
      right: 20%;
    }
    .yslcc {
      width: 400px;
    }

    .ryzzae {
      height: 365px;
    }
    .wlggd4 {
      width: 300px;
    }
    .ysalb_p {
      width: 150px;
    }
    .yskbe {
      width: 370px;
    }
    .sygyy {
      margin-top: 4%;
    }
    .yszxcea {
      padding-top: 7%;
    }
  }

  @media (min-width: 1340px) {
    .nav {
      width: 73%;
    }
    .yla {
      width: 59%;
    }
    .wlyxd_t {
      width: 35%;
    }
    .wltgcd {
      width: 390px;
    }
    .ydyxb {
      top: -180px;
    }
    .wlggba3 {
      width: 78%;
    }
    .allx_p {
      padding: 0 42px;
    }
    .yslcc {
      width: 440px;
    }
    .qywhbaa {
      width: 1620px;
    }
    .qywhbac {
      width: 540px;
    }
    .wlggd4 {
      width: 310px;
    }
    .qywhbaa::after {
      width: 540px;
    }
    .ysalb_p {
      width: 155px;
    }
    .yskbe {
      width: 390px;
    }
    .sygyy {
      margin-top: 1%;
    }
  }
}

@media (max-width: 1023px) {
  /*网站地图*/
  .wzdt {
    width: 96%;
    margin: 0 auto;
    margin-bottom: 50px;
  }
  .wzdt_a {
    border: solid 2px #e5e5e5;
    margin-top: 22px;
    background: #fff;
  }
  .wzdt_a h1 {
    width: 96%;
    margin: 0 auto;
    border-bottom: 1px solid #f2f2f2;
    margin-top: 5px;
  }
  .wzdt_a h1 a {
    font-size: 16px;
    color: #505050;
    font-weight: bold;
    line-height: 45px;
  }
  .wzdt_a p {
    margin: 0 25px;
  }
  .wzdt_a p a {
    color: #505050;
    line-height: 42px;
    margin-right: 15px;
  }
  .wzdt_a p a:hover {
    color: #0665d0;
  }
  /*网站地图*/
  /*404*/
  .fzfbox {
    width: 100%;
    margin: 0 auto;
    background: #f9f9f9;
    padding: 30px;
    margin-bottom: -40px;
  }
  .fzf1 {
    width: 90%;
    margin: 15px auto;
  }
  .fzf1 img {
    width: 100%;
    margin: 0 auto;
  }
  .fzf2 {
    width: 100%;
    margin: 0 auto;
  }
  .fzf2 p {
    font-size: 18px;
    color: #434343;
    text-align: center;
    line-height: 30px;
  }
  .fzf2-1 {
    width: 100%;
    margin: 0 auto;
  }
  .fzf2-1 p {
    font-size: 16px;
    color: #434343;
    text-align: center;
    line-height: 30px;
  }
  .fzf2-1 p span {
    color: #333;
  }
  .fzf3 {
    width: 310px;
    margin: 30px auto;
  }
  .fzf3z {
    float: left;
  }
  .fzf3z img {
    width: 100%;
    margin: 0 auto;
  }
  .fzf3y {
    float: right;
  }
  .fzf3y img {
    width: 100%;
    margin: 0 auto;
  }
  /*404*/

  html {
    overflow: hidden;
    overflow-y: auto;
    height: 100%;
  }
  body,
  html {
    margin: 0;
    padding: 0;
    background: #fff;
    font-family: Arial;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
  }
  body {
    max-width: 768px;
    margin: 0 auto;
  }
  a,
  ul,
  li,
  ol,
  p,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  dl,
  dt,
  dd {
    list-style: none;
    padding: 0;
    margin: 0;
    text-decoration: none;
    font-weight: normal;
  }
  * img {
    display: block;
    border: none;
  }
  input,
  select,
  textarea {
    padding: 0;
    margin: 0;
    font-family: "微软雅黑";
    -webkit-appearance: none;
    outline: none;
    border: none;
  }
  p {
    text-align: justify;
    text-justify: inter-ideograph;
  }
  .pc {
    display: none;
  }
  .mob {
    display: block;
  }
  .ellipsis {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .clearfix {
    clear: both;
  }
  .fl {
    float: left;
  }
  .fr {
    float: right;
  }
  .commen {
    width: 92%;
    margin: 0 auto;
  }
  .commen1 {
    width: 92%;
    margin: 0 auto;
  }
  * {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
  }

  /*****************************************************首页*******************************************************/

  /*手机banner*/
  .sjban {
    width: 100%;
    margin-top: 22%;
  }
  .sjban .swiper-container {
    width: 100%;
  }
  .sjban .swiper-slide {
    width: 100%;
  }
  .sjban .swiper-slide img {
    width: 100%;
  }

  /*手机nav*/
  .sjdhgd {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000;
    background-image: url(../img/y190.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
  }
  .sjdh {
    margin: 0 auto;
    width: 92%;
    padding: 7% 0;
    transition: all ease-out 0.2s;
  }
  .sjdha {
    width: 100%;
  }
  .sjdha_t1 {
    width: 42%;
  }
  .sjdha_t1 img {
    width: 100%;
  }
  .sjdha p {
    font-size: 0.8rem;
    color: #808080;
    line-height: 20px;
    margin-left: 6%;
    padding-top: 1%;
    float: left;
    font-weight: bold;
  }
  .sjdha_t2 {
    width: 28px;
    position: absolute;
    right: 4%;
    top: calc(50% - 8px);
  }
  .sjdha_t2 img {
    width: 100%;
  }
  .huakuai {
    position: fixed;
    top: 0;
    right: -100%;
    z-index: 1001;
    transition: all 0.4s cubic-bezier(0.4, 0, 0, 1);
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    height: 100%;
  }
  .sjdhb {
    width: 79%;
    background: #fff;
    overflow-y: scroll;
    height: 100%;
    padding-bottom: 10%;
  }
  .guanbi {
    width: 100%;
  }
  .guanbi img {
    width: 22px;
    height: 22px;
    margin: 5%;
    float: right;
  }
  .sjdhb_a {
    width: 100%;
  }
  .sjdhb_a h1 {
    line-height: 48px;
    width: 100%;
    padding-left: 18px;
    text-transform: uppercase;
  }
  .sjdhb_a h1 a {
    font-size: 1.1rem;
    color: #222222;
  }
  .sjdhb_ah1 h1 {
    border-left: 3px solid #260f65;
    background: #f6f6f6;
  }
  .sjdhb_ah1 h1 a {
    color: #260f65;
  }
  .sjdhb_a h6 {
    line-height: 48px;
    width: 100%;
    padding-left: 18px;
    text-transform: uppercase;
  }
  .sjdhb_a h6 a {
    font-size: 1.1rem;
    color: #222222;
  }
  .sjdhb_ah1 h6 {
    border-left: 3px solid #260f65;
    background: #f6f6f6;
  }
  .sjdhb_ah1 h6 a {
    color: #260f65;
  }
  .sjdhb_aa {
    width: 100%;
  }
  .sjdhb_p {
    width: 100%;
    line-height: 28px;
    padding-left: 37px;
    text-transform: uppercase;
    margin: 11px 0;
  }
  .sjdhb_p a {
    font-size: 0.95rem;
    color: #222222;
  }
  .sjdhb_pa a {
    color: #260f65;
  }
  /**手机底部导航**/
  .dan-xia {
    width: 100%;
    background-color: #2d3138;
    background-size: 100% 100%;
    background-position: center;
    position: relative;
    margin-top: -1px;
  }
  .dan-xib {
    width: 25%;
    float: left;
    padding: 2.2% 0 2.2% 0;
  }
  .dan-xib:nth-child(1) {
    border: none;
  }
  .dan-xid img {
    width: 30%;
    margin: 3% auto;
  }
  .dan-xid p {
    color: #fff;
    font-size: 0.9rem;
    display: inline-block;
    line-height: 24px;
    text-align: center;
    width: 100%;
    margin-top: 1%;
  }
  .dht {
    position: absolute;
    left: calc(50% - 20px);
    top: -20px;
    border-radius: 50%;
    width: 40px;
  }
  .dht img {
    width: 100%;
  }
  /*一瞬服务*/
  .ysfw {
    width: 100%;
    position: relative;
    padding-top: 8%;
    overflow: hidden;
  }
  .ysfwa p {
    text-align: center;
    font-size: 1.2rem;
    color: #3d3d3d;
    font-weight: bold;
    line-height: 26px;
    letter-spacing: 2px;
  }
  .ysfwa p a {
    font-size: 1.2rem;
    color: #3d3d3d;
    font-weight: bold;
  }
  .ysfwa img {
    width: 200px;
    margin: 0 auto;
    margin-top: 2%;
  }
  .ysfwc_t {
    width: 82%;
    margin: 0 auto;
    margin-top: 4%;
  }
  .ysfwc_t img {
    width: 100%;
  }
  .ysfwb {
    width: 150%;
    margin-top: 6%;
    margin-left: -25%;
  }
  #swiper_sjfw {
    width: 100%;
    padding-top: 1%;
    padding-bottom: 12%;
  }
  #swiper_sjfw .swiper-slide {
    width: 100%;
  }
  #swiper_sjfw .swiper-slide > img {
    width: 114%;
    margin-left: -7%;
  }
  #swiper_sjfw .swiper-slide-next > img {
    opacity: 0;
  }
  #swiper_sjfw .swiper-slide-prev > img {
    opacity: 0;
  }
  .ysfwd {
    box-shadow: 1px 1px 4px 1px rgba(94, 30, 203, 0.2);
    background-color: #fff;
    padding: 10% 7% 21% 7%;
    border-radius: 10px;
    background-image: url(../img/y207.png);
    background-size: 100% 100%;
    background-position: center bottom;
    position: relative;
    margin-top: 4%;
  }
  .ysfwc_w {
    width: 100%;
    margin-top: 4%;
  }
  .ysfwc_w p {
    width: 100%;
    font-size: 0.85rem;
    color: #7b7b7b;
    line-height: 22px;
    margin-top: 4%;
    height: 88px;
    overflow: hidden;
  }
  .ysfwc_w h3 {
    color: #3d3d3d;
    line-height: 25px;
    margin-top: 3%;
    height: 125px;
  }
  .ysfwc_w h3 a {
    font-size: 0.7rem;
    color: #3d3d3d;
    display: inline-block;
    width: 44%;
    height: 25px;
    background-color: #fff;
    box-shadow: 0px 2px 11px 0px rgba(94, 30, 203, 0.2);
    text-align: center;
    border-radius: 5px;
    margin-right: 5%;
    margin-top: 4.5%;
  }
  .ysfwc_w h3 span {
    display: none;
  }
  .ysfwc_wh3 h3 a {
    width: 100%;
  }
  .ysfwc_m {
    width: 55%;
    line-height: 40px;
    text-align: center;
    border-radius: 50px;
    background-image: url(../img/y208.png);
    background-size: 100% 100%;
    height: 50px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 22.5%;
    bottom: -25px;
  }
  .ysfwc_m a {
    font-size: 0.8rem;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
  }
  .ysfwd {
    width: 100%;
    position: relative;
  }
  .ysfwda {
    width: 100%;
    cursor: pointer;
    border-radius: 20px;
    border: 3px solid transparent;
    transition: all ease 0.3s;
    background-size: 100% 100%;
    position: relative;
    height: 60px;
  }
  .ysfwda img {
    float: left;
    width: 52px;
  }
  .ysfwda p {
    float: left;
    font-size: 0.95rem;
    color: #3d3d3d;
    line-height: 24px;
    margin-left: 3%;
    margin-top: 2px;
    font-weight: bold;
    width: 120px;
  }
  .ysfwda p span {
    display: block;
    font-size: 0.7rem;
    color: #d2d2d2;
    line-height: 12px;
    text-transform: uppercase;
  }
  .ysfwda p span br {
    display: none;
  }
  /*6大优势*/
  .youshi {
    width: 100%;
    background-image: url(../img/y191.jpg);
    background-size: cover;
    background-position: center;
    padding: 10% 0;
    overflow: hidden;
    position: relative;
    background-repeat: no-repeat;
  }
  .youshia img {
    width: 108%;
    margin-left: -4%;
  }
  .youshia p {
    text-align: center;
    font-size: 1.2rem;
    color: #fff;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 2px;
    margin-top: -24px;
  }
  .youshia p a {
    font-size: 1.2rem;
    color: #fff;
    font-weight: bold;
  }
  #swiper_shys {
    width: 170%;
    margin-left: -35%;
    margin-top: 8%;
    padding-bottom: 10%;
  }
  #swiper_shys .swiper-slide {
    width: 100%;
  }
  .youshib {
    width: 100%;
  }
  .youshib_a {
    width: 100%;
    padding: 10% 6% 12% 6%;
    position: relative;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 10px;
  }
  .youshib_a > img {
    width: 40px;
    margin: 0 auto;
    transition: all ease-out 0.3s;
  }
  .youshib_a > h2 {
    text-align: center;
    font-size: 1rem;
    color: #fff;
    font-weight: bold;
    line-height: 26px;
    margin-top: 6%;
  }
  .youshib_a p {
    font-size: 0.85rem;
    line-height: 24px;
    color: #fff;
    opacity: 0.8;
    margin-top: 5%;
    height: 168px;
  }
  #swiper-scrollbar {
    width: 45%;
    left: 27.5%;
    height: 4px;
    background-color: rgba(0, 0, 0, 0.2);
  }
  #swiper-scrollbar .swiper-scrollbar-drag {
    background-color: #fff;
    height: 4px;
  }
  /*一瞬案例*/
  .ysal {
    width: 100%;
    margin-top: 10%;
    overflow: hidden;
    padding-bottom: 2%;
  }
  .ysala p {
    text-align: center;
    font-size: 1.2rem;
    color: #3d3d3d;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 2px;
  }
  .ysala p a {
    font-size: 1.2rem;
    color: #3d3d3d;
    font-weight: bold;
  }
  .ysala img {
    width: 200px;
    margin: 0 auto;
    margin-top: 7px;
  }
  .ysalb {
    margin-top: 8%;
    width: 100%;
  }
  .ysalb_p {
    width: 29%;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border-radius: 50px;
    margin: 2% 2%;
    background-image: url(../img/y190.png);
    background-size: 0% 0%;
    transition: all ease 0.3s;
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: 1px 4px 16px 0 rgba(94, 30, 203, 0.2);
  }
  .ysalb_p a {
    font-size: 0.9rem;
    color: #323232;
  }
  .ysalb_pa {
    background-image: url(../img/y190.png);
    background-size: 100% 100%;
    box-shadow: 1px 5px 20px 0 rgba(94, 30, 203, 0.2);
  }
  .ysalb_pa a {
    color: #fff;
    transition: all ease 0.3s;
  }
  .ysalb_p:hover {
    background-size: 100% 100%;
    box-shadow: 1px 5px 20px 0 rgba(94, 30, 203, 0.2);
  }
  .ysalb_p:hover a {
    color: #fff;
  }
  .ysalc {
    width: 100%;
    margin-top: 6%;
    overflow: hidden;
  }
  #swiper_sjal {
    width: 160%;
    margin-left: -30%;
  }
  #swiper_sjal .swiper-slide {
    width: 100%;
  }
  #swiper_sjal .alld {
    width: 100%;
    margin: 0;
  }
  #swiper_sjal .swiper-slide-prev .alld_w {
    opacity: 0;
  }
  #swiper_sjal .swiper-slide-next .alld_w {
    opacity: 0;
  }
  .ysalc .alld_w {
    margin-top: 0;
  }
  /*一瞬口碑*/
  .yskb {
    width: 100%;
    background-image: url(../img/y192.png), url(../img/y181.jpg);
    background-repeat: no-repeat, no-repeat;
    background-size: 100% 1px, cover;
    background-position: center top 216px, center;
    margin-top: 10%;
    padding-top: 8%;
    position: relative;
    padding-bottom: 10%;
  }
  .yskba {
    width: 100%;
    overflow: hidden;
  }
  .yskba img {
    width: 460px;
    margin-left: 4%;
  }
  .sjyskb {
    width: 100%;
    overflow: hidden;
  }
  #swiper_sjkb {
    width: 130%;
    margin-left: 4%;
  }
  #swiper_sjkb .swiper-slide {
    width: 100%;
    padding: 5% 0 5% 1%;
  }
  .yskbf {
    width: 100%;
    background-color: #fff;
    box-shadow: 3px 3px 12px 0 rgba(94, 30, 203, 0.2);
    border-radius: 10px;
    padding: 5%;
  }
  .yskbf h2 {
    font-size: 0.9rem;
    color: #2d2d2d;
    line-height: 24px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .yskbf_yd {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 2px solid #bcbcbc;
    margin-left: 2%;
    margin-top: 5%;
    transition: all ease-out 0.3s;
  }
  .yskbf_yd span {
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #bcbcbc;
    margin: 3px auto;
    transition: all ease-out 0.3s;
    overflow: hidden;
  }
  .yskbf p {
    font-size: 0.8rem;
    color: #797979;
    line-height: 22px;
    margin-top: 4%;
    height: 66px;
    overflow: hidden;
  }
  .yskbf:hover .yskbf_yd {
    border-color: #941de1;
    animation: pulse 1.5s infinite 0.2s;
  }
  .yskbf:hover .yskbf_yd span {
    background-color: #941de1;
    transform: scale(1.6);
  }
  .yskb_z {
    position: absolute;
    left: 0;
    top: 19px;
    cursor: pointer;
    -webkit-animation: lefta 1.5s infinite;
    animation: lefta 1.5s infinite;
  }
  .yskb_y {
    position: absolute;
    left: calc(100% - 100px);
    top: 19px;
    cursor: pointer;
    -webkit-animation: leftb 1.5s infinite;
    animation: leftb 1.5s infinite;
  }
  .yskb_m {
    width: 160px;
    line-height: 40px;
    text-align: center;
    border-radius: 50px;
    background-image: url(../img/y208.png);
    background-size: 100% 100%;
    height: 50px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: calc(50% - 80px);
    bottom: -25px;
  }
  .yskb_m a {
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
  }

  /*合作客户*/
  .sykh {
    width: 100%;
    margin-top: 14%;
    position: relative;
  }
  .sykha {
    width: 100%;
  }
  .sykha p {
    font-size: 1.2rem;
    color: #3d3d3d;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 2px;
    text-align: center;
  }
  .sykha p a {
    font-size: 1.2rem;
    color: #3d3d3d;
    font-weight: bold;
  }
  .sykha img {
    width: 300px;
    margin: 0 auto;
    margin-top: 10px;
  }
  .sykh_m {
    width: 160px;
    line-height: 40px;
    text-align: center;
    border-radius: 50px;
    background-image: url(../img/y208.png);
    background-size: 100% 100%;
    height: 50px;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto;
    margin-top: 4%;
  }
  .sykh_m a {
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
  }
  .sjhzkh {
    width: 100%;
    overflow: hidden;
    margin-top: 4%;
  }
  #swiper_sjkh {
    width: 165%;
    margin-left: -32.5%;
  }
  #swiper_sjkh .swiper-slide {
    width: 100%;
  }
  .sykhb_a {
    width: 100%;
    overflow: hidden;
    padding: 4%;
  }
  .sykhb_a img {
    width: 100%;
    box-shadow: 1px 1px 11px 0 rgba(94, 30, 203, 0.2);
    border-radius: 10px;
    margin: 8% 0;
  }
  /*关于一瞬*/
  .sygy {
    width: 100%;
    background-image: url(../img/y182.jpg);
    background-size: auto 85%;
    background-repeat: no-repeat;
    background-position: center top;
    margin-top: 10%;
    padding-bottom: 6%;
    padding-top: 8%;
  }
  .sygyz {
    width: 100%;
    float: none;
  }
  .sygyza p {
    font-size: 1.2rem;
    color: #fff;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 2px;
    text-align: center;
  }
  .sygyza p a {
    font-size: 1.2rem;
    color: #fff;
    font-weight: bold;
  }
  .sygyza img {
    width: 240px;
    margin: 0 auto;
    margin-top: 10px;
  }
  .sygyzb {
    width: 100%;
    margin-top: 8%;
  }
  .sygyzb h2 {
    font-size: 1rem;
    color: #fff;
    line-height: 30px;
  }
  .sygyzb h3 {
    font-size: 0.9rem;
    color: #341d68;
    line-height: 19px;
    background-image: url(../img/y197.png);
    background-size: 100% 18px;
    background-repeat: no-repeat;
    background-position: center bottom;
    display: inline-block;
    padding: 0 10px;
    margin-top: 6px;
    margin-bottom: 6%;
  }
  .sygyzb p {
    font-size: 0.8rem;
    color: #fff;
    line-height: 23px;
    margin-top: 5%;
  }
  .sygyzb p span {
    display: block;
    font-size: 0.95rem;
    color: #ffec81;
    font-weight: bold;
    margin-bottom: 10px;
  }
  .sygyz_m {
    display: none;
  }
  .sygyy {
    width: 98%;
    margin: 0 auto;
    float: none;
    margin-top: 8%;
  }
  #swiper_sjgy {
    width: 100%;
  }
  #swiper_sjgy .swiper-slide {
    width: 100%;
    padding: 3%;
  }
  .sygya {
    width: 100%;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 4px 4px 10px 0 rgba(94, 30, 203, 0.6);
  }
  .sygya img {
    width: 100%;
  }
  .sygya_w {
    position: absolute;
    width: 80%;
    height: 80%;
    left: 10%;
    top: 10%;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 10px;
  }
  .sygya_w h2 {
    text-align: center;
    font-size: 0.9rem;
    color: #c0c0c0;
    line-height: 22px;
    text-transform: uppercase;
    margin-top: 26%;
  }
  .sygya_w h3 {
    font-size: 0.95rem;
    color: #555555;
    font-weight: bold;
    text-align: center;
    line-height: 20px;
    margin-top: 2%;
  }
  .sygya_w p {
    text-align: center;
    line-height: 22px;
    margin-top: 8%;
    text-decoration: underline;
    text-transform: uppercase;
  }
  .sygya_w p a {
    font-size: 0.7rem;
    color: #a939ef;
  }
  .sygyx {
    width: 100%;
    margin-top: 3%;
  }
  .gygyx_a {
    width: 50%;
    margin: 4% 0;
  }
  .gygyx_a h2 {
    font-size: 2.1rem;
    color: #5d51dd;
    line-height: 30px;
  }
  .gygyx_a p {
    font-size: 0.7rem;
    color: #747474;
    line-height: 18px;
  }
  /*一瞬资讯*/
  .yszixun {
    width: 100%;
    background-color: #f6f6f6;
    background-image: url(../img/y24.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: bottom left 10%;
    margin-top: 8%;
    padding-top: 8%;
    overflow: hidden;
    padding-bottom: 10%;
  }
  .yszx {
    width: 100%;
    margin: 0 auto;
  }
  .yszxa {
    width: 100%;
  }
  .yszxaa {
    width: 100%;
  }
  .yszxaa p {
    font-size: 1.2rem;
    color: #3d3d3d;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 2px;
    text-align: center;
  }
  .yszxaa p a {
    font-size: 1.2rem;
    color: #3d3d3d;
    font-weight: bold;
  }
  .yszxaa img {
    width: 200px;
    margin: 0 auto;
    margin-top: 8px;
  }
  .yszxab {
    margin-top: 5%;
    width: 100%;
  }
  .yszxab_p {
    width: 45%;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 50px;
    margin: 2% 2.5%;
    background-image: url(../img/y190.png);
    background-size: 0% 0%;
    transition: all ease 0.3s;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 0.9rem;
    color: #323232;
    cursor: pointer;
    background-color: #fff;
    box-shadow: 1px 4px 10px 1px rgba(94, 30, 203, 0.2);
  }
  .yszxab_p a {
    font-size: 0.9rem;
    color: #323232;
  }
  .yszxab_pa {
    background-size: 100% 100%;
    color: #fff;
  }
  .yszxab_pa a {
    color: #fff;
  }
  .yszxab_m {
    width: 45%;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 50px;
    margin: 2% 2.5%;
    background-image: url(../img/y190.png);
    background-size: 0% 0%;
    transition: all ease 0.3s;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    background-color: #fff;
    box-shadow: 1px 4px 10px 1px rgba(94, 30, 203, 0.2);
    text-transform: uppercase;
  }
  .yszxab_m a {
    font-size: 0.8rem;
    color: #771eda;
    transition: all ease-out 0.3s;
  }
  .yszxb {
    width: 100%;
    margin-top: 8%;
  }
  .yszxc {
    width: 100%;
    position: relative;
  }
  .yszxca {
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 200px;
  }
  .yszxca a > img {
    width: 100%;
    transition: all ease-out 0.3s;
  }
  .yszxcb {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: rgba(32, 32, 32, 0.85);
    padding: 4% 6%;
  }
  .yszxcb p {
    float: left;
    width: 70%;
    font-size: 0.85rem;
    line-height: 24px;
    height: 48px;
    color: #fff;
    overflow: hidden;
  }
  .yszxcb img {
    float: right;
    margin-top: 16px;
  }
  .yszxca:hover a > img {
    transform: scale(1.1);
  }
  .yszxcd {
    width: 100%;
  }
  .yszxcda {
    width: 100%;
    position: relative;
    background-color: #fff;
    transition: all ease-out 0.3s;
    padding: 5% 3%;
    box-shadow: 1px 1px 12px 1px rgba(94, 30, 203, 0.2);
    margin-top: 12px;
  }
  .yszxcdaa {
    width: 100%;
    margin: 0 auto;
    padding: 2% 11px 2% 11px;
    border-bottom: 1px solid #f5f5f5;
  }
  .yszxcdaa h2 {
    font-size: 1rem;
    color: #999999;
    line-height: 24px;
    font-weight: 900;
    transition: all ease 0.3s;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .yszxcdaa p {
    font-size: 0.85rem;
    color: #797979;
    line-height: 22px;
    margin-top: 3%;
    height: 22px;
    overflow: hidden;
  }
  .yszxcdab {
    width: 100%;
    margin-top: 10px;
  }
  .yszxcdab p {
    font-size: 0.85rem;
    color: #636363;
    line-height: 12px;
    margin-top: 6px;
    transition: all ease 0.3s;
    transition: all ease-out 0.3s;
    float: left;
    margin-left: 2.5%;
  }
  .yszxcdab p span {
    font-family: Arial;
    font-size: 2.1rem;
    color: #999999;
    display: block;
    font-weight: 900;
    line-height: 38px;
    transition: all ease-out 0.3s;
  }
  .yszxcda_m {
    width: 37px;
    height: 10px;
    overflow: hidden;
    position: relative;
    margin-top: 20px;
    margin-right: 4%;
    margin-right: 2.5%;
  }
  .yszxcda_m img {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: all ease-out 0.3s;
  }
  .yszxcda_m img:nth-child(2) {
    position: absolute;
    top: 15px;
  }
  .yszxcda:hover {
    box-shadow: 1px 1px 18px 1px rgba(94, 30, 203, 0.2);
  }
  .yszxcda:hover .yszxcdab p {
    color: #832dec;
  }
  .yszxcda:hover .yszxcdab p span {
    color: #832dec;
  }
  .yszxcda:hover .yszxcda_m img:nth-child(1) {
    top: -15px;
  }
  .yszxcda:hover .yszxcda_m img:nth-child(2) {
    top: 0;
  }
  .yszxce {
    width: 100%;
    margin-top: 8%;
  }
  .yszxcea {
    width: 100%;
    position: relative;
    background-color: #fff;
    transition: all ease-out 0.3s;
    padding: 4% 0;
    box-shadow: 1px 1px 12px 1px rgba(94, 30, 203, 0.2);
  }
  .yszxcea_a {
    margin-left: 9.4%;
    padding-top: 10px;
  }
  .yszxcea_a h2 {
    font-family: Arial;
    font-size: 2.1rem;
    color: #999999;
    line-height: 30px;
    font-weight: 900;
    transition: all ease 0.3s;
  }
  .yszxcea_aa {
    width: 15px;
    height: 1px;
    background-color: #eeeeee;
    margin-top: 10px;
  }
  .yszxcea_a p {
    font-size: 0.85rem;
    color: #636363;
    line-height: 12px;
    margin-top: 12px;
    transition: all ease 0.3s;
    transition: all ease-out 0.3s;
  }
  .yszxcea_b {
    width: 58%;
    border-left: 1px solid #f5f5f5;
    padding: 10px 0 15px 5%;
    margin-left: 10%;
  }
  .yszxcea_b p {
    font-size: 1rem;
    color: #3d3d3d;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .yszxceax {
    margin: 8% 0;
  }
  .yszxcea:hover .yszxcea_a h2 {
    color: #832dec;
  }
  .yszxcea:hover .yszxcea_a p {
    color: #832dec;
  }
  .yszxcea:hover .yszxcda_m img:nth-child(1) {
    top: -15px;
  }
  .yszxcea:hover .yszxcda_m img:nth-child(2) {
    top: 0;
  }
  /*联系一瞬*/
  .sylianxi {
    width: 100%;
    overflow: hidden;
    margin-top: 10%;
    margin-bottom: 8%;
  }
  .sylx {
    width: 100%;
  }
  .sylxa {
    width: 100%;
    float: none;
  }
  .sylxaa p {
    font-size: 1.2rem;
    color: #3d3d3d;
    font-weight: bold;
    line-height: 26px;
    letter-spacing: 2px;
    text-align: center;
  }
  .sylxaa p a {
    font-size: 1.2rem;
    color: #3d3d3d;
    font-weight: bold;
  }
  .sylxaa img {
    width: 280px;
    margin: 0 auto;
    margin-top: 7px;
  }
  .sylxab {
    margin-top: 10%;
  }
  .sylxab p {
    font-size: 0.8rem;
    color: #4b4e77;
    line-height: 21px;
  }
  .sylxab p span {
    font-size: 0.9rem;
    color: #4b4e77;
    font-weight: bold;
    display: block;
  }
  .sylxac {
    width: 100%;
    margin-top: 6%;
  }
  .sylxac_a {
    width: 100%;
    margin-top: 4%;
  }
  .sylxac_a h2 {
    font-size: 0.9rem;
    color: #4b4e77;
    line-height: 24px;
    background-image: url(../img/y202.png);
    background-size: 100% 9px;
    background-repeat: no-repeat;
    background-position: center bottom;
    padding: 0 10px;
    display: inline-block;
    margin-bottom: -4px;
    margin-right: 20%;
  }
  .sylxac_aa {
    width: 100%;
    margin-top: 3%;
  }
  .sylxac_aa img {
    float: left;
    width: 60px;
  }
  .sylxac_aa p {
    float: left;
    font-size: 0.8rem;
    color: #82818f;
    line-height: 22px;
    margin-top: 7px;
    margin-left: 3%;
  }
  .sylxac_aa p span {
    display: block;
    font-size: 0.85rem;
    color: #4b4e77;
    line-height: 24px;
  }
  .sylxad {
    width: 100%;
    margin-top: 6%;
    overflow: hidden;
  }
  .sylxad img {
    width: 140%;
    margin-left: -20%;
  }
  .sylxae_m {
    display: none;
  }
  .sylxb {
    width: 110%;
    margin-left: 1%;
    float: none;
    margin-top: 10%;
  }
  .sylxb > h2 {
    font-family: Arial;
    font-size: 2.6rem;
    text-transform: uppercase;
    color: #f1f3ff;
    font-weight: 900;
    line-height: 26px;
    text-align: center;
  }
  .sylxc {
    width: 100%;
    background-image: url(../img/y189.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center left;
    padding: 9% 0 19% 0;
  }
  .sylxd {
    width: 68%;
    margin-left: 16%;
  }
  .sylxd p {
    text-align: right;
    color: #fff;
    font-size: 0.8rem;
    font-weight: bold;
    line-height: 16px;
    margin-bottom: 5%;
  }
  .sylxd p span {
    font-size: 0.52rem;
    line-height: 16px;
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 1px;
    display: inline-block;
    margin-right: 10px;
  }
  .sylxda {
    margin-top: 5%;
    position: relative;
    width: 100%;
  }
  .sylxda input {
    width: 100%;
    height: 42px;
    line-height: 42px;
    border: 1px solid #eeeeee;
    border-radius: 5px;
    padding-left: 12px;
    font-size: 0.85rem;
    color: #82818f;
  }
  .sylxda::after {
    position: absolute;
    content: "";
    width: 3px;
    height: 22px;
    background-color: #b343ee;
    left: 0px;
    top: 12px;
  }
  .sylxda textarea {
    width: 100%;
    height: 116px;
    line-height: 24px;
    border: 1px solid #eeeeee;
    border-radius: 5px;
    padding-left: 12px;
    font-size: 0.85rem;
    color: #82818f;
    padding-top: 8px;
  }
  .sylxdb {
    width: 100%;
    position: relative;
    margin-top: 5%;
  }
  .sylxdb input {
    float: left;
    width: 40%;
    height: 42px;
    line-height: 42px;
    border: 1px solid #eeeeee;
    border-radius: 5px;
    padding-left: 12px;
    font-size: 0.85rem;
    color: #82818f;
  }
  .sylxdb img {
    float: left;
    width: 40%;
    height: 42px;
    margin-left: 16px;
    border: 1px solid #eeeeee;
    border-radius: 5px;
    cursor: pointer;
  }
  .sylxdb::after {
    position: absolute;
    content: "";
    width: 3px;
    height: 22px;
    background-color: #b343ee;
    left: 0px;
    top: 12px;
  }
  .sylxdc {
    margin-top: 5%;
    width: 100%;
  }
  .tjji {
    width: 40%;
    height: 42px;
    background-image: url(../img/y203.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    text-align: center;
    line-height: 42px;
    font-size: 0.85rem;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    background-color: transparent;
  }
  .czhi {
    width: 40%;
    height: 42px;
    background-image: url(../img/y204.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    text-align: center;
    line-height: 42px;
    font-size: 0.85rem;
    margin-left: 12px;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    background-color: transparent;
  }

  /*****************************************************内页*******************************************************/

  /*网站建设*/
  .wzjs {
    width: 100%;
    overflow: hidden;
    margin-top: 22%;
  }
  .wzjsa {
    width: 100%;
    background-image: url(../img/y25.jpg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: top center;
    padding-top: 10%;
    padding-bottom: 20%;
  }
  .wzjsb_a {
    width: 100%;
  }
  .wzjsb_a h2 {
    font-size: 1.1rem;
    color: #ffffff;
    font-weight: bold;
    line-height: 30px;
    letter-spacing: 2px;
  }
  .wzjsb_a p {
    font-size: 0.85rem;
    color: #e4e4e4;
    line-height: 23px;
    margin-top: 3%;
    margin-bottom: 6%;
    letter-spacing: 1px;
  }
  .wzjsb_h6 {
    width: 50px;
    height: 50px;
    border: 1px solid #ae81fa;
    border-radius: 50%;
    margin-left: 10px;
    display: table;
    cursor: pointer;
    transition: all ease 0.3s;
    background-image: url(../img/y33.png);
    background-size: 100% 100%;
    background-position: center left -78px;
    background-repeat: no-repeat;
  }
  .wzjsb_h6:nth-child(3) {
    margin-left: 0;
  }
  .wzjsb_h6 h6 {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #ae81fa;
    font-size: 0.75rem;
    line-height: 18px;
    width: 100%;
    transition: all ease 0.3s;
  }
  .wzjsb_h6:hover {
    background-image: url(../img/y33.png);
    background-size: 100% 100%;
    background-position: center left;
    background-repeat: no-repeat;
  }
  .wzjsb_h6:hover h6 {
    color: #fff;
  }
  .wzjsb_m {
    width: 130px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin-top: 6%;
    border: 1px solid #ffffff;
    border-radius: 35px;
  }
  .wzjsb_m a {
    color: #fff;
    font-size: 0.85rem;
    transition: all ease 0.3s;
  }
  .wzjsb_m:active a {
    padding-left: 5px;
  }
  .wzjsb_t {
    width: 76%;
    margin: 0 auto;
  }
  .wzjsb_t img {
    width: 100%;
  }
  .mbx {
    margin-top: 2%;
    margin-right: 23px;
  }
  .mbx p {
    text-align: right;
    font-size: 12px;
    color: #6da8f8;
    line-height: 24px;
  }
  .mbx p a {
    font-size: 12px;
    color: #6da8f8;
    transition: all ease 0.3s;
  }
  .mbx a:hover {
    color: #fff;
  }
  .wzjsc {
    width: 100%;
    background-image: url(../img/y26.jpg);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center;
    padding-bottom: 20%;
    margin-top: -42px;
    position: relative;
  }
  .wzjsc_t {
    width: 64%;
  }
  .wzjsc_t img {
    width: 100%;
  }
  .wzjsc_w {
    width: 100%;
    margin-top: -7%;
  }
  .wzjsc_w h2 {
    font-size: 1.1rem;
    color: #3f3f3f;
    font-weight: bold;
    line-height: 30px;
    text-align: right;
    letter-spacing: 2px;
  }
  .wzjsc_w p {
    text-align: right;
    font-size: 0.85rem;
    color: #3f3f3f;
    line-height: 23px;
    margin-top: 4%;
    margin-bottom: 6%;
    letter-spacing: 1px;
  }
  .wzjsc_h6 {
    width: 52px;
    height: 52px;
    border: 1px solid #ae81fa;
    border-radius: 50%;
    margin-left: 10px;
    display: table;
    cursor: pointer;
    transition: all ease 0.3s;
    background-image: url(../img/y33.png);
    background-size: 100% 0%;
    background-position: center bottom;
    background-repeat: no-repeat;
  }
  .wzjsc_h6:nth-child(6) {
    margin-left: 0;
  }
  .wzjsc_h6 h6 {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #ae81fa;
    font-size: 0.75rem;
    line-height: 18px;
    width: 100%;
    transition: all ease 0.3s;
  }
  .wzjsc_h6:hover {
    background-image: url(../img/y33.png);
    background-size: 100% 100%;
    background-position: center bottom;
    background-repeat: no-repeat;
  }
  .wzjsc_h6:hover h6 {
    color: #fff;
  }
  .wzjsc_m {
    width: 130px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin-top: 6%;
    border: 1px solid #3f3f3f;
    border-radius: 35px;
  }
  .wzjsc_m a {
    color: #3f3f3f;
    font-size: 0.85rem;
    transition: all ease 0.3s;
  }
  .wzjsc_m:active a {
    padding-left: 8px;
  }
  .wzjsd {
    width: 100%;
    background-image: url(../img/y27.jpg);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 2%;
    padding-bottom: 21%;
    margin-top: -1px;
  }
  .wzjsd_w {
    margin-top: 3%;
    width: 100%;
  }
  .wzjsd_w h2 {
    font-size: 1.1rem;
    color: #ffffff;
    font-weight: bold;
    line-height: 30px;
    letter-spacing: 2px;
  }
  .wzjsd_w p {
    font-size: 0.85rem;
    color: #e4e4e4;
    line-height: 23px;
    margin-top: 4%;
    margin-bottom: 6%;
    letter-spacing: 1px;
  }
  .wzjsd_w p span {
    display: block;
  }
  .wzjsd_h6 {
    width: 60px;
    height: 60px;
    border: 1px solid #ae81fa;
    border-radius: 50%;
    margin-left: 10px;
    display: table;
    cursor: pointer;
    transition: all ease 0.3s;
    background-image: url(../img/y33.png);
    background-size: 100% 100%;
    background-position: center left -78px;
    background-repeat: no-repeat;
  }
  .wzjsd_h6:nth-child(3) {
    margin-left: 0;
  }
  .wzjsd_h6 h6 {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #ae81fa;
    font-size: 0.75rem;
    line-height: 20px;
    width: 100%;
    transition: all ease 0.3s;
  }
  .wzjsd_h6:hover {
    background-image: url(../img/y33.png);
    background-size: 100% 100%;
    background-position: center left;
    background-repeat: no-repeat;
  }
  .wzjsd_h6:hover h6 {
    color: #fff;
  }
  .wzjsd_m {
    width: 130px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin-top: 6%;
    border: 1px solid #ffffff;
    border-radius: 35px;
  }
  .wzjsd_m a {
    color: #fff;
    font-size: 0.85rem;
    transition: all ease 0.3s;
  }
  .wzjsd_m:active a {
    padding-left: 8px;
  }
  .wzjsd_t {
    width: 70%;
    margin: 0 auto;
  }
  .wzjsd_t img {
    width: 100%;
  }
  .wzjse {
    width: 100%;
    background-image: url(../img/y28.jpg);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center left 45%;
    padding-bottom: 19%;
    margin-top: -11%;
    padding-top: 8%;
    position: relative;
  }
  .wzjse .wzjsc_w {
    width: 100%;
    margin-top: 0;
  }
  .wzjse .wzjsc_w p {
    margin-top: 2%;
    margin-bottom: 4%;
    padding-left: 35%;
  }
  .wzjse .wzjsc_m {
    margin-top: 5%;
  }
  .wzjsf {
    width: 100%;
    background-image: url(../img/y29.jpg);
    background-size: auto 103%;
    background-repeat: no-repeat;
    background-position: center left 54%;
    padding: 16% 0 10% 0;
    margin-top: -11%;
  }
  .wzjsf .wzjsd_w {
    width: 100%;
    margin-top: -6%;
  }
  .wzjsf .wzjsd_w h2 {
    color: #fff;
  }
  .wzjsf .wzjsd_w p {
    color: #fff;
    line-height: 27px;
    letter-spacing: 1px;
  }
  .wzjsf .wzjsd_h6 {
    border-color: #fff;
  }
  .wzjsf .wzjsd_h6 h6 {
    color: #fff;
  }
  .wzjsf .wzjsd_t {
    width: 82%;
    margin: 0 auto;
  }

  /*footer*/
  .yj {
    width: 100%;
    background-color: #22243b;
    padding-top: 8%;
  }
  .tja {
    width: 62%;
    float: none;
    margin: 0 auto;
  }
  .tja img {
    width: 100%;
  }
  .ewm {
    float: none;
    width: 100%;
    margin-top: 6%;
    display: none;
  }
  .ewm img:nth-child(1) {
    width: 36%;
    margin: 0 auto;
  }
  .ewm img:nth-child(2) {
    width: 100px;
    margin: 0 auto;
    margin-top: 11px;
  }
  .yl {
    width: 100%;
    background-color: #22243b;
    padding-bottom: 5%;
    padding-top: 4%;
    position: relative;
    top: -1px;
  }
  .beia {
    width: 100%;
  }
  .beia p {
    font-size: 0.85rem;
    color: #656a98;
    line-height: 22px;
    text-align: center;
  }
  .beia p a {
    font-size: 0.85rem;
    color: #656a98;
  }
  .beia p:nth-child(2) {
    text-align: center;
  }
  .beia p img {
    display: inline-block;
  }

  /*网络营销*/
  .wlyxa {
    background-image: url(../img/y30.jpg);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 10%;
    padding-bottom: 3%;
    overflow: hidden;
  }
  .wlyxb {
    width: 100%;
    overflow: hidden;
  }
  .wlyxb h2 {
    font-size: 1.8rem;
    color: #9b68e6;
    text-align: center;
    font-family: Arial;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 30px;
    opacity: 0.5;
    letter-spacing: 1px;
    width: 120%;
    margin-left: -10%;
  }
  .wlyxb p {
    text-align: center;
    font-size: 1.2rem;
    color: #fff;
    font-weight: bold;
    line-height: 20px;
    position: relative;
    margin-top: -6px;
    letter-spacing: 1px;
  }
  .wlyxdiv {
    text-align: center;
    font-size: 1.2rem;
    color: #fff;
    font-weight: bold;
    line-height: 20px;
    position: relative;
    margin-top: -6px;
    letter-spacing: 1px;
  }
  .wlyxdiv h1 {
    text-align: center;
    font-size: 1.2rem;
    color: #fff;
    font-weight: bold;
    line-height: 20px;
    position: relative;
    margin-top: -6px;
    letter-spacing: 1px;
    display: inline;
  }
  .wlyxdiv span {
    color: #ffe84d;
  }
  .wlyxb img {
    width: 92%;
    margin-left: 10%;
    margin-top: 9%;
  }
  .mbxa {
    display: none;
  }
  .wlyxa .mbx {
    padding: 0 12px;
    margin-top: -25px;
    position: relative;
    z-index: 2;
  }
  .wlyxa .mbx p {
    color: #bfb4cd;
  }
  .wlyxa .mbx p a {
    color: #bfb4cd;
  }
  .wlyxa .mbx p a:hover {
    color: #4335c0;
  }
  .wlyxa .mbx p:nth-child(1) {
    float: left;
  }
  .wlyxa .mbx p:nth-child(2) {
    float: right;
  }
  .wlyxc {
    width: 100%;
    margin-top: 6%;
  }
  .wlyxca {
    width: 100%;
    background-color: #f6f6f6;
    border-radius: 20px;
    padding: 4% 6%;
    margin: 0 auto;
  }
  .wlyxca p {
    font-size: 0.9rem;
    color: #2c2c2c;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.55px;
  }
  .wlyxcb {
    width: 100%;
    margin: 0 auto;
    margin-top: 8%;
  }
  .wlyxcb_a {
    width: 33.32%;
    padding: 4% 0 4% 0;
  }
  .wlyxcb_a img {
    width: 50px;
    margin: 0 auto;
  }
  .wlyxcb_a p {
    text-align: center;
    font-size: 0.75rem;
    color: #2c2c2c;
    line-height: 22px;
    height: 30px;
    margin-top: 4%;
  }
  .wlyxcb_a:nth-child(1) {
    border-right: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    position: relative;
  }
  .wlyxcb_a:nth-child(2) {
    border-right: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    position: relative;
  }
  .wlyxcb_a:nth-child(3) {
    border-bottom: 1px solid #efefef;
  }
  .wlyxcb_a:nth-child(4) {
    border-right: 1px solid #efefef;
  }
  .wlyxcb_a:nth-child(5) {
    border-right: 1px solid #efefef;
  }
  .wlyxcb_a:nth-child(1)::after {
    position: absolute;
    content: "";
    background-image: url(../img/y192.jpg);
    width: 40px;
    height: 30px;
    background-size: 100% 100%;
    right: -20px;
    bottom: -15px;
    z-index: 100;
  }
  .wlyxcb_a:nth-child(2)::after {
    position: absolute;
    content: "";
    background-image: url(../img/y192.jpg);
    width: 40px;
    height: 30px;
    background-size: 100% 100%;
    right: -20px;
    bottom: -15px;
    z-index: 100;
  }
  .wlyxd {
    width: 100%;
    background-image: url(../img/y32.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: auto 100%;
    margin-top: 8%;
    padding: 6% 0 15% 0;
  }
  .wlyxd_t {
    width: 60%;
    float: none;
    margin: 0 auto;
  }
  .wlyxd_t img {
    width: 100%;
  }
  .wlyxd_w {
    width: 100%;
    float: none;
    margin: 0 auto;
    margin-top: 6%;
  }
  .wlyxd_wa {
    width: 100%;
    position: relative;
  }
  .wlyxd_an {
    position: absolute;
    right: -2%;
    bottom: -12px;
  }
  .wlyxd_an img {
    cursor: pointer;
    float: none;
  }
  .wlyxd_an img:nth-child(1) {
    transform: rotate(90deg);
  }
  .wlyxd_an img:nth-child(2) {
    transform: rotate(90deg);
    margin-top: 5px;
  }
  .wlyxd_wa h2 {
    font-size: 1.2rem;
    color: #fff;
    font-weight: bold;
    line-height: 28px;
  }
  .wlyxd_wa h3 {
    font-size: 1.05rem;
    color: #ffe63e;
    font-weight: bold;
    line-height: 26px;
    margin-top: 1%;
  }
  .wlyxd_wa p {
    font-size: 0.95rem;
    color: #fff;
    opacity: 0.5;
    line-height: 22px;
    margin-top: 1%;
  }
  .wlyxd_wb {
    width: 100%;
    height: 225px;
    margin-top: 8%;
    overflow: hidden;
  }
  .wlyxd_wc {
    width: 100%;
    height: 1000px;
  }
  .wlyxd_wd {
    height: 45px;
  }
  .wlyxd_wd p {
    height: 35px;
    line-height: 35px;
    width: 100%;
    background-color: #eeebfa;
    border-radius: 20px;
    padding-left: 5%;
    font-size: 0.75rem;
    color: #333333;
  }
  .wlyxe {
    width: 100%;
    margin: 0 auto;
    margin-top: 4%;
  }
  .wlyxea h2 {
    text-align: center;
    font-size: 2.6rem;
    color: #e7e3ff;
    font-weight: 900;
    font-family: Arial;
    text-transform: uppercase;
    line-height: 30px;
  }
  .wlyxea p {
    text-align: center;
    font-size: 1.2rem;
    color: #414140;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 2px;
    margin-top: -12px;
  }
  .wlyxeb {
    width: 100%;
    margin-top: 4%;
  }
  #swiper_sjzyx {
    width: 160%;
    margin-left: -30%;
  }
  #swiper_sjzyx .swiper-slide {
    width: 100%;
    padding: 2%;
  }
  #swiper_sjzyx .swiper-slide-next p {
    opacity: 0;
  }
  #swiper_sjzyx .swiper-slide-next h2 {
    opacity: 0;
  }
  #swiper_sjzyx .swiper-slide-prev p {
    opacity: 0;
  }
  #swiper_sjzyx .swiper-slide-prev h2 {
    opacity: 0;
  }
  .wlyxeb_a {
    width: 100%;
    height: 280px;
    background-color: #fff;
    border: 1px solid #f2f1ff;
    border-radius: 15px;
    position: relative;
    padding: 10% 6% 0 6%;
    box-shadow: 1px 5px 18px 1px rgba(177, 183, 243, 0.27);
  }
  .wlyxeb_a::after {
    position: absolute;
    content: "";
    width: 70px;
    height: 4px;
    background-color: #9587ee;
    left: calc(50% - 35px);
    top: -1px;
  }
  .wlyxeb_a img {
    width: 65px;
    margin: 0 auto;
  }
  .wlyxeb_a h2 {
    font-size: 1rem;
    color: #3a30e5;
    font-weight: bold;
    line-height: 26px;
    margin-top: 8%;
    margin-bottom: 4%;
  }
  .wlyxeb_a p {
    font-size: 0.8rem;
    color: #868686;
    padding-left: 12px;
    line-height: 23px;
    margin-top: 3%;
    position: relative;
  }
  .wlyxeb_a p::after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    background-color: #9587ee;
    border-radius: 50%;
    left: 0;
    top: 8px;
  }
  .wlyxf {
    width: 100%;
    background-image: url(../img/y33.jpg);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center left;
    margin-top: 8%;
    padding: 7% 0;
    overflow: hidden;
  }
  .wlyxg {
    width: 100%;
  }
  .wlyxga h2 {
    text-align: center;
    font-size: 2.6rem;
    color: #7c44d1;
    font-weight: 900;
    font-family: Arial;
    text-transform: uppercase;
    line-height: 30px;
  }
  .wlyxga p {
    text-align: center;
    font-size: 1.2rem;
    color: #fff;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 2px;
    margin-top: -12px;
  }
  .wlyxgb {
    width: 80%;
    margin: 0 auto;
    margin-top: 6%;
  }
  #swiper_sjys {
    width: 100%;
  }
  #swiper_sjys .swiper-slide {
    width: 100%;
    padding: 1%;
  }
  .wlyxgb_a {
    width: 100%;
    background-color: #fff;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    box-shadow: 1px 1px 12px 2px rgba(120, 60, 191, 0.85);
  }
  .wlyxgb_at {
    width: 100%;
    overflow: hidden;
    margin-bottom: 30px;
  }
  .wlyxgb_at img {
    width: 100%;
  }
  .wlyxgb_a > h2 {
    font-size: 3.4rem;
    color: #cfc3ed;
    font-weight: 900;
    font-family: Arial;
    font-style: italic;
    float: left;
    line-height: 30px;
    margin-left: 3%;
  }
  .wlyxgb_a > p {
    float: right;
    margin-right: 5%;
    font-size: 1.2rem;
    color: #333333;
    font-weight: bold;
    line-height: 28px;
  }
  .wlyxgb_w {
    position: absolute;
    width: 88%;
    height: 88%;
    left: 6%;
    top: 6%;
    background-color: rgba(101, 51, 206, 0.9);
    border-radius: 15px;
    overflow: hidden;
    padding: 10% 2% 0 2%;
    transform: rotateY(-90deg);
    opacity: 0;
    transition: all ease 0.4s;
  }
  .wlyxgb_w h2 {
    font-family: Arial;
    font-size: 3rem;
    color: #8867d7;
    text-align: center;
    font-weight: 900;
    line-height: 32px;
    margin-top: 4%;
  }
  .wlyxgb_w h3 {
    font-size: 1rem;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    line-height: 20px;
    margin-top: -10px;
  }
  .wlyxgb_w p {
    text-align: center;
    line-height: 24px;
    color: #fff;
    font-size: 0.85rem;
    margin-top: 12px;
  }
  .wlyxgb_w p span {
    display: block;
  }
  .wlyxgb_a:hover .wlyxgb_w {
    transform: rotateY(-0);
    opacity: 1;
  }
  .wlyxh {
    width: 100%;
    margin-top: 8%;
    position: relative;
  }
  .wlyxha {
    width: 100%;
    float: none;
  }
  .wlyxhaa h2 {
    font-size: 2.6rem;
    color: #e7e3ff;
    font-weight: 900;
    font-family: Arial;
    text-transform: uppercase;
    line-height: 32px;
    text-align: center;
  }
  .wlyxhaa p {
    font-size: 1.2rem;
    color: #414140;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 2px;
    margin-top: -12px;
    text-align: center;
  }
  .wlyxhab {
    width: 80%;
    float: none;
    margin: 0 auto;
    margin-top: 8%;
  }
  .wlyxhab_a {
    width: 100%;
  }
  .wlyxhab_a h2 {
    font-size: 1rem;
    color: #464545;
    line-height: 26px;
    background-image: url(../img/y55.png);
    background-repeat: no-repeat;
    display: inline-block;
    background-size: 100% 10px;
    background-position: bottom left;
    padding: 0 6% 0 2%;
  }
  .wlyxhab_a p {
    font-size: 0.88rem;
    color: #868686;
    line-height: 24px;
    margin-top: 2%;
    padding-left: 2%;
  }
  .wlyxhab_m {
    display: none;
  }
  .wlyxhb {
    width: 95%;
    float: none;
    margin: 0 auto;
    margin-top: 6%;
  }
  .wlyxhb_a {
    width: 100%;
  }
  .wlyxhb_a img {
    width: 100%;
  }
  .wlyxhc_a {
    position: absolute;
    right: 4%;
    top: 16%;
  }
  .wlyxhc_a img {
    cursor: pointer;
    width: 44px;
  }
  .wlyxi {
    width: 100%;
    margin: 0 auto;
    margin-top: 12%;
    overflow: hidden;
  }
  .wlyxia {
    width: 110%;
    margin-left: -5%;
  }
  .wlyxia h2 {
    font-size: 2.6rem;
    color: #e7e3ff;
    font-weight: 900;
    font-family: Arial;
    text-transform: uppercase;
    line-height: 32px;
    text-align: center;
  }
  .wlyxia p {
    font-size: 1.2rem;
    color: #414140;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 2px;
    margin-top: -12px;
    text-align: center;
  }
  .wlyxia h6 {
    text-align: center;
    font-size: 0.8rem;
    color: #868686;
    line-height: 22px;
    margin-top: 10px;
  }
  .wlyxib {
    width: 100%;
    margin-top: 6%;
    padding-bottom: 5%;
  }
  .wlyxib_a {
    width: 95%;
    margin: 0 auto;
    float: none;
    background-color: #fff;
    border: 1px solid #f2f1ff;
    border-radius: 15px;
    position: relative;
    box-shadow: 1px 4px 18px 1px rgba(177, 183, 243, 0.27);
    padding: 5%;
    margin-top: 8%;
  }
  .wlyxib_a::after {
    position: absolute;
    content: "";
    width: 70px;
    height: 4px;
    background-color: #9587ee;
    left: calc(50% - 35px);
    top: -1px;
  }
  .wlyxib_a h2 {
    font-size: 1.05rem;
    color: #7335ef;
    text-align: center;
    background-image: url(../img/y56.png);
    background-repeat: no-repeat;
    background-size: 100% 10px;
    background-position: bottom left;
    width: 100%;
    line-height: 28px;
    margin-bottom: 2%;
  }
  .wlyxib_w {
    width: 100%;
    margin: 0 auto;
  }
  .wlyxib_w p {
    font-size: 0.85rem;
    color: #868686;
    width: 100%;
    float: left;
    line-height: 24px;
    margin-top: 2%;
    padding-left: 12px;
    position: relative;
  }
  .wlyxib_w p:nth-child(2n) {
    float: right;
  }
  .wlyxib_w p::after {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    background-color: #9587ee;
    border-radius: 50%;
    left: 0;
    top: 6px;
  }
  .wlyxm {
    width: 100%;
    background-image: url(../img/y41.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 8% 0;
    margin-top: 5%;
  }
  .wlyxm h2 {
    text-align: center;
    font-size: 1.1rem;
    color: #fff;
    line-height: 28px;
    letter-spacing: 1px;
  }
  .wlyxm h2 span {
    font-weight: bold;
  }
  .wlyxm p {
    text-align: center;
    font-size: 0.95rem;
    color: #e0e0e0;
    line-height: 22px;
    margin-top: 10px;
    letter-spacing: 2px;
  }
  .wlyxm_m {
    width: 160px;
    height: 40px;
    background-color: #fff;
    border-radius: 30px;
    text-align: center;
    line-height: 40px;
    margin: 0 auto;
    margin-top: 9%;
  }
  .wlyxm_m a {
    font-size: 1rem;
    color: #9b21e4;
    transition: all ease 0.3s;
  }
  .wlyxm_m:active a {
    padding-left: 5px;
  }
  /*推荐资讯*/
  .tjzx {
    width: 100%;
    margin-top: 54px;
  }
  .tjzx_top p {
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    color: #3d3d3d;
    line-height: 54px;
    letter-spacing: 2px;
  }
  .tjzx_top img {
    width: 517px;
    margin: 0 auto;
  }
  .tjzxa {
    width: 100%;
    background-color: #f6f6f6;
    padding: 50px 0;
  }
  .tjzxb {
    width: 28.611%;
    margin: 8px 2.361%;
    background-color: #fff;
    padding: 22px 30px 23px 39px;
    transition: all ease 0.3s;
  }
  .tjzxb_a {
    width: 25.43%;
    padding-top: 15px;
  }
  .tjzxb_a h2 {
    font-family: Arial;
    font-size: 38px;
    color: #999999;
    line-height: 27px;
    font-weight: 900;
  }
  .tjzxb_xt {
    width: 17px;
    height: 1px;
    background-color: #eeeeee;
    margin-top: 16px;
  }
  .tjzxb_a p {
    font-size: 12px;
    color: #636363;
    line-height: 12px;
    margin-top: 18px;
  }
  .tjzxb_b {
    width: 71.2%;
    padding-left: 36px;
    border-left: 1px solid #ededed;
    padding-top: 6px;
    padding-bottom: 11px;
  }
  .tjzxb_b p {
    font-size: 16px;
    color: #3d3d3d;
    line-height: 28px;
    height: 56px;
    overflow: hidden;
  }
  .tjzxb_b img {
    margin-top: 20px;
    transition: all ease 0.3s;
  }
  .tjzxb:hover {
    box-shadow: 1px 1px 16px 0px rgba(120, 33, 220, 0.16);
  }
  .tjzxb:hover .tjzxb_b img {
    margin-left: 6px;
  }
  /*联系*/
  .lx {
    width: 100%;
    margin-top: 8%;
    margin-bottom: 8%;
  }
  .lxa {
    margin-left: 2%;
  }
  .lxb {
    width: 90%;
    margin: 0 auto;
    margin-top: 4%;
    float: none;
  }
  .lxba {
    margin-bottom: 3%;
  }
  .lxba img {
    float: left;
  }
  .lxba p {
    float: left;
    margin-left: 16px;
    font-size: 0.85rem;
    color: #82818f;
    line-height: 21px;
    margin-top: 12px;
  }
  .lxba p span {
    font-size: 0.95rem;
    color: #4b4e77;
    display: block;
  }
  .lx .lxd {
    width: 96%;
    position: relative;
    float: none;
    margin: 0 auto;
    display: none;
  }
  .lxda {
    width: 65.32%;
  }
  .lxda input {
    width: 100%;
    height: 42px;
    line-height: 42px;
    border: 2px solid #eeeeee;
    border-radius: 5px;
    padding-left: 10px;
    font-size: 0.85rem;
    color: #82818f;
  }
  .lxdaa {
    position: relative;
    width: 100%;
    margin-top: 10px;
  }
  .lxdaa::after {
    position: absolute;
    content: "";
    width: 3px;
    height: 22px;
    background-color: #b343ee;
    left: 0px;
    top: 10px;
  }
  .lxda textarea {
    width: 100%;
    height: 116px;
    line-height: 24px;
    border: 2px solid #eeeeee;
    border-radius: 5px;
    padding-left: 10px;
    font-size: 0.85rem;
    color: #82818f;
    padding-top: 15px;
  }
  .lxdb {
    width: 32%;
  }
  .lxdb .lxdaa input {
    width: 100%;
    height: 42px;
    line-height: 42px;
    border: 2px solid #eeeeee;
    border-radius: 5px;
    padding-left: 10px;
    font-size: 0.85rem;
    color: #82818f;
  }
  .lxdb img {
    width: 100%;
    height: 42px;
    border: 2px solid #eeeeee;
    border-radius: 5px;
    margin-top: 10px;
    cursor: pointer;
  }
  .tij {
    width: 32%;
    position: absolute;
    right: 0;
    bottom: 5px;
  }
  .tij input {
    background-image: url(../img/y64.png);
    height: 42px;
    width: 100%;
    background-size: 100% 100%;
    color: #fff;
    font-size: 0.9rem;
    text-align: center;
    line-height: 42px;
    cursor: pointer;
    border-radius: 5px;
  }

  /*网络推广*/
  .wltga {
    width: 100%;
    background-image: url(../img/y43.jpg);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 10%;
    padding-bottom: 8%;
  }
  .wltga .wlyxb h6 {
    text-align: center;
    line-height: 25px;
    font-size: 0.85rem;
    color: #fff;
    margin-top: 24px;
  }
  .wltga .wlyxb img {
    width: 96%;
    margin: 0 auto;
    margin-top: 4%;
  }
  .wltga .mbx {
    padding: 0 12px;
    margin-top: 0;
    position: relative;
  }
  .wltga .mbx p {
    color: #bfb4cd;
  }
  .wltga .mbx p a {
    color: #bfb4cd;
  }
  .wltga .mbx p a:hover {
    color: #4335c0;
  }
  .wltga .mbx p:nth-child(1) {
    float: left;
  }
  .wltga .mbx p:nth-child(2) {
    float: right;
  }
  .wltg {
    width: 100%;
    overflow: hidden;
    margin-top: 4%;
  }
  .wltgba {
    width: 100%;
  }
  .wltgba_a h2 {
    font-size: 2.6rem;
    color: #e7e3ff;
    font-weight: 900;
    font-family: Arial;
    text-transform: uppercase;
    line-height: 32px;
  }
  .wltgba_a p {
    font-size: 1.2rem;
    color: #414140;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 2px;
    margin-top: -10px;
  }
  .wltgba_b {
    width: 100%;
    margin-top: 6%;
  }
  .wltgba_b p {
    font-size: 0.85rem;
    color: #868686;
    line-height: 24px;
  }
  .wltgba_b p span {
    background-image: url(../img/y56.png);
    background-size: 100% 10px;
    background-repeat: no-repeat;
    background-position: bottom center;
  }
  .wltgba_b p br {
    display: none;
  }
  .wltgba_c {
    width: 100%;
    margin-top: 6%;
  }
  .wltgba_ca h2 {
    font-size: 1rem;
    color: #7a2dc0;
    text-transform: uppercase;
    line-height: 22px;
    text-align: center;
    letter-spacing: 1px;
  }
  .wltgba_ca h2 span {
    font-size: 1.4rem;
    font-weight: bold;
  }
  .wltgba_ca p {
    text-align: center;
    font-size: 0.75rem;
    color: #bfb4cd;
    line-height: 12px;
    margin-top: 4px;
  }
  .wltgba_ca:nth-child(2) {
    margin: 0 2%;
  }
  .wltgbb {
    width: 60%;
    margin: 0 auto;
    margin-top: 4%;
  }
  .wltgbb img {
    width: 100%;
  }
  .wltg_dwt {
    display: none;
  }
  .wltgc {
    width: 100%;
    margin-top: 12%;
  }
  .wltgca {
    position: relative;
  }
  .wltgca h2 {
    font-size: 2.6rem;
    color: #e7e3ff;
    font-weight: 900;
    font-family: Arial;
    text-transform: uppercase;
    line-height: 32px;
    text-align: center;
  }
  .wltgca p {
    font-size: 1.2rem;
    color: #414140;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 2px;
    margin-top: -10px;
    text-align: center;
  }
  .wltgc_an {
    display: none;
  }
  .wltgc_z {
    margin-right: 7px;
  }
  .wltgcb {
    width: 100%;
    margin-top: 6%;
  }
  #swiper_sjyx {
    width: 160%;
  }
  #swiper_sjyx .swiper-slide {
    width: 100%;
    padding: 2%;
  }
  .wltgce {
    width: 100%;
    background-color: #fff;
    border: 1px solid #f2f1ff;
    border-radius: 15px;
    position: relative;
    box-shadow: 1px 4px 18px 1px rgba(177, 183, 243, 0.27);
    padding: 12% 0 6% 0;
  }
  .wltgce::after {
    position: absolute;
    content: "";
    width: 70px;
    height: 4px;
    background-color: #9587ee;
    left: calc(50% - 35px);
    top: -1px;
  }
  .wltgce img {
    width: 70px;
    margin: 0 auto;
  }
  .wltgce p {
    text-align: center;
    font-size: 1rem;
    color: #454353;
    line-height: 24px;
    margin-top: 6%;
    height: 48px;
  }
  .wltgd {
    width: 100%;
    margin-top: 8%;
  }
  .wltgda {
  }
  .wltgda h2 {
    font-size: 2.3rem;
    color: #e7e3ff;
    font-weight: 900;
    font-family: Arial;
    text-transform: uppercase;
    line-height: 32px;
  }
  .wltgda p {
    font-size: 1.2rem;
    color: #414140;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 2px;
    margin-top: -10px;
  }
  .wltgdb {
    background-image: url(../img/y74.png);
    background-size: auto 100%;
    background-repeat: no-repeat;
    padding: 16% 0 12% 10%;
    width: 110%;
    background-position: center left;
    margin-top: -4%;
  }
  .wltgdb p {
    width: 90%;
    font-size: 0.9rem;
    color: #fff;
    font-weight: bold;
    line-height: 32px;
    background-image: url(../img/y75.png);
    background-repeat: no-repeat;
    background-size: 100% 30px;
    background-position: center bottom;
    padding-left: 6%;
    letter-spacing: 2px;
    margin-top: 1%;
  }
  .wltge {
    background-image: url(../img/y76.png);
    width: 100%;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: auto 100%;
    margin-top: 10%;
    padding-bottom: 12%;
  }
  .wltgea h2 {
    font-size: 2.6rem;
    color: #e7e3ff;
    font-weight: 900;
    font-family: Arial;
    text-transform: uppercase;
    line-height: 32px;
    text-align: center;
  }
  .wltgea p {
    font-size: 1.2rem;
    color: #414140;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 2px;
    margin-top: -14px;
    text-align: center;
  }
  .wltgeb {
    margin-top: 4%;
  }
  .wltge_xt {
    width: 32px;
    height: 3px;
    background-color: #fbd539;
    margin: 0 auto;
  }
  .wltgeb p {
    font-size: 0.95rem;
    color: #454353;
    line-height: 26px;
    text-align: center;
    margin-top: 4%;
  }
  .wltgec {
    width: 100%;
    margin: 0 auto;
  }
  .wltgeca {
    width: 100%;
    margin-top: 7%;
  }
  .wltgeca img {
    float: left;
    width: 19%;
    box-shadow: 1px 3px 12px 0px rgba(191, 191, 243, 0.54);
    border-radius: 50%;
  }
  .wltgeca p {
    float: left;
    width: 31%;
    font-size: 0.7rem;
    color: #454353;
    background-image: url(../img/y83.png);
    background-repeat: repeat-x;
    background-size: 100% 1px;
    background-position: left bottom;
    line-height: 16px;
    margin-top: 3%;
    padding-left: 12px;
    padding-bottom: 2%;
    margin-bottom: 14%;
  }
  .wltgf {
    background-image: url(../img/y45.jpg);
    margin-top: 0;
  }
  .wltg_dwt1 {
    display: none;
  }

  .wltg_al {
    width: 100%;
    margin: 0 auto;
    margin-top: 10%;
  }
  .wltg_ala h2 {
    font-size: 2.6rem;
    color: #e7e3ff;
    font-weight: 900;
    font-family: Arial;
    text-transform: uppercase;
    line-height: 32px;
    text-align: center;
  }
  .wltg_ala p {
    font-size: 1.2rem;
    color: #414140;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 2px;
    margin-top: -10px;
    text-align: center;
  }
  .wltg_alb {
    width: 100%;
    margin-top: 5%;
    background-image: url(../img/y90.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    padding: 5%;
    border-radius: 10px;
  }
  .wltg_alc {
    width: 100%;
  }
  .wltg_ald {
    width: 100%;
  }
  .wltg_ald > p {
    font-size: 1.1rem;
    color: #414140;
    letter-spacing: 2px;
    margin-bottom: 2%;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .wltg_alda {
    background-color: #fff;
    border: 1px solid #eeeeee;
    border-radius: 5px;
    width: 25%;
    border-left: none;
    padding: 4.5% 0;
  }
  .wltg_alda:nth-child(2) {
    border-left: 1px solid #eeeeee;
  }
  .wltg_alda img:nth-child(1) {
    width: 36px;
    margin: 0 auto;
  }
  .wltg_alda p {
    font-size: 0.9rem;
    color: #666666;
    text-align: center;
    letter-spacing: 2px;
    line-height: 22px;
    margin-top: 16px;
    height: 44px;
  }
  .wltg_alda h6 {
    text-align: center;
    font-size: 1.1rem;
    color: #e11d11;
    font-family: Arial;
    font-weight: 900;
    line-height: 22px;
    margin-top: 5%;
  }
  .wltg_alda img:nth-child(3) {
    width: 60px;
    margin: 0 auto;
    margin-top: 6px;
    height: 20px;
  }
  .wltg_ale {
    width: 100%;
    background-color: #2a2a2a;
    padding: 4% 3%;
    border-radius: 10px;
    box-shadow: 1px 10px 30px 0px rgba(137, 66, 233, 0.19);
    margin-top: 6%;
  }
  .wltg_ale img {
    width: 100%;
  }
  .wltg_alqh {
    display: table;
    margin: 0 auto;
    margin-top: 4%;
  }
  .wltg_alqha {
    width: 12px;
    height: 12px;
    background-color: #939393;
    border-radius: 50%;
    margin: 0 8px;
    cursor: pointer;
  }
  .wltg_alqhaa {
    background-color: #9348e6;
  }

  /*移动营销*/
  .ydyxa {
    width: 100%;
    background-image: url(../img/y47.jpg);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 10%;
    padding-bottom: 32%;
  }
  .ydyxa .wlyxb h6 {
    text-align: center;
    line-height: 24px;
    font-size: 0.85rem;
    color: #fff;
    margin-top: 24px;
  }
  .ydyxa .wlyxb img {
    width: 140px;
    margin: 0 auto;
    margin-top: 5%;
  }
  .ydyxa .mbx {
    padding: 0 8px;
    margin-top: 10%;
    position: relative;
    z-index: 10;
  }
  .ydyxa .mbx p {
    color: #bfb4cd;
  }
  .ydyxa .mbx p a {
    color: #bfb4cd;
  }
  .ydyxa .mbx p a:hover {
    color: #fff;
  }
  .ydyxa .mbx p:nth-child(1) {
    float: left;
  }
  .ydyxa .mbx p:nth-child(2) {
    float: right;
  }
  .ydyxb {
    width: 100%;
    position: relative;
    margin-top: -26%;
  }
  .ydyxba {
    width: 100%;
  }
  .ydyxba img {
    width: 100%;
  }
  .ydyxbb {
    width: 100%;
    margin-left: 0%;
    margin-top: -2%;
  }
  .ydyxbb p {
    background-image: url(../img/y93.png);
    background-repeat: no-repeat;
    background-size: 36px 18px;
    background-position: top 2px left;
    padding-left: 45px;
    font-size: 0.8rem;
    color: #454353;
    line-height: 22px;
    margin-top: 4%;
  }
  .ydyxc {
    width: 100%;
    position: relative;
    margin-top: 10%;
  }
  .ydyxca {
    width: 100%;
    position: relative;
  }
  .ydyxca h2 {
    font-size: 1rem;
    color: #6e73e7;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 2px;
    padding-left: 10px;
  }
  .ydyxca h3 {
    font-size: 0.9rem;
    color: #6e73e7;
    font-weight: bold;
    line-height: 22px;
    letter-spacing: 2px;
    background-image: url(../img/y94.png);
    background-repeat: no-repeat;
    background-size: 100% 10px;
    background-position: center bottom;
    display: inline-block;
    padding-left: 10px;
    padding-right: 28px;
  }
  .ydyxca p {
    font-size: 0.85rem;
    color: #868686;
    line-height: 24px;
    margin-top: -10%;
  }
  .ydyxca p span {
    background-image: url(../img/y95.png);
    background-repeat: no-repeat;
    background-size: 100% 10px;
    background-position: center bottom;
  }
  .ydyxca_m {
    width: 190px;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    text-align: center;
    background-color: #6f55eb;
    margin-top: 8%;
    border-radius: 50px;
    box-shadow: 1px 4px 20px 1px rgba(69, 117, 220, 0.22);
  }
  .ydyxca_m a {
    font-size: 0.95rem;
    color: #fff;
    letter-spacing: 2px;
    transition: all ease 0.3s;
  }
  .ydyxca_m:active a {
    padding-left: 5px;
  }
  .ydyxcb {
    width: 110%;
    margin-top: 8%;
    margin-left: -5%;
  }
  .ydyxcb img {
    width: 100%;
  }
  .ydyxd {
    width: 100%;
    margin: 0 auto;
    position: relative;
    margin-top: 10%;
  }
  .ydyxda h2 {
    font-size: 2.2rem;
    color: #e7e3ff;
    font-weight: 900;
    font-family: Arial;
    text-transform: uppercase;
    line-height: 32px;
    text-align: center;
  }
  .ydyxda p {
    font-size: 1.2rem;
    color: #414140;
    font-weight: bold;
    line-height: 22px;
    letter-spacing: 2px;
    margin-top: -10px;
    text-align: center;
  }
  .ydyxdb {
    width: 100%;
    margin-top: 7%;
  }
  #swiper_sjydyx {
    width: 160%;
    margin-left: -30%;
  }
  #swiper_sjydyx .swiper-slide {
    width: 100%;
    padding: 2%;
  }
  #swiper_sjydyx .swiper-slide-next p {
    opacity: 0;
  }
  #swiper_sjydyx .swiper-slide-next h6 {
    opacity: 0;
  }
  #swiper_sjydyx .swiper-slide-prev p {
    opacity: 0;
  }
  #swiper_sjydyx .swiper-slide-prev h6 {
    opacity: 0;
  }
  .ydyxdb_a {
    width: 100%;
    background-color: #fff;
    border: 1px solid #f2f1ff;
    border-radius: 15px;
    position: relative;
    height: 500px;
    box-shadow: 1px 4px 18px 1px rgba(177, 183, 243, 0.27);
    padding: 5%;
  }
  .ydyxdb_a::after {
    position: absolute;
    content: "";
    width: 70px;
    height: 4px;
    background-color: #9587ee;
    left: calc(50% - 35px);
    top: -1px;
  }
  .ydyxdb_a img {
    width: 60px;
    margin: 0 auto;
    margin-top: 6%;
  }
  .ydyxdb_a h6 {
    font-size: 0.95rem;
    color: #454353;
    line-height: 28px;
    margin-top: 6%;
  }
  .ydyxdb_a p {
    font-size: 0.85rem;
    color: #868686;
    line-height: 22px;
    padding-left: 12px;
    background-image: url(../img/y99.png);
    background-repeat: no-repeat;
    background-position: left top 8px;
    margin-top: 5.5%;
    background-size: 6px 6px;
  }
  .ydyxdb_a span {
    display: block;
    font-size: 0.75rem;
    line-height: 20px;
    margin-bottom: 10px;
  }
  .ydyxe {
    width: 100%;
    position: relative;
    margin-top: 8%;
    overflow: hidden;
  }
  .ydyxe_top h2 {
    font-size: 2rem;
    color: #e7e3ff;
    font-weight: 900;
    font-family: Arial;
    text-transform: uppercase;
    line-height: 32px;
    text-align: center;
    width: 110%;
    margin-left: -5%;
  }
  .ydyxe_top p {
    font-size: 1.2rem;
    color: #414140;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 2px;
    margin-top: -10px;
    text-align: center;
  }
  .ydyxf {
    width: 100%;
    background-image: url(../img/y100.png);
    background-size: auto 100%;
    background-position: center top;
    background-repeat: no-repeat;
    margin-top: -2px;
    padding-top: 12%;
    padding-bottom: 8%;
    overflow: hidden;
  }
  #swiper_shydys {
    width: 150%;
    margin-left: -25%;
  }
  #swiper_shydys .swiper-slide {
    width: 100%;
  }
  .ydyxfa_a {
    width: 100%;
    background-color: #fff;
    border-radius: 15px;
    padding: 6%;
    position: relative;
  }
  .ydyxfa_a h2 {
    font-size: 1rem;
    color: #313131;
    font-weight: bold;
    line-height: 24px;
  }
  .ydyxfa_a p {
    font-size: 0.85rem;
    color: #868686;
    line-height: 24px;
    margin-top: 3%;
    height: 96px;
  }
  .ydyxfb {
    width: 100%;
    padding: 0 15px;
    margin-top: 63px;
  }
  .ydyxfb img {
    width: 100%;
  }
  .ydyxfc_a {
    width: 100%;
    background-color: #fff;
    border-radius: 15px;
    padding: 6%;
    position: relative;
  }
  .ydyxfc_a h2 {
    font-size: 1rem;
    color: #f9155a;
    font-weight: bold;
    line-height: 24px;
    background-image: url(../img/y105.png);
    background-size: 100% 12px;
    background-repeat: no-repeat;
    background-position: center bottom 5px;
    display: inline-block;
    padding: 0 5px;
  }
  .ydyxfc_a p {
    font-size: 0.85em;
    color: #868686;
    line-height: 24px;
    margin-top: 3%;
    height: 96px;
  }
  .ydyxg {
    width: 100%;
    position: relative;
    margin-bottom: 10%;
    margin-top: 10%;
  }
  .ydyxh {
    width: 100%;
    margin-top: -1%;
  }
  .ydyxha {
    width: 100%;
    position: relative;
  }
  .ydyxhaa img {
    position: absolute;
    right: 0;
    top: -20px;
    width: 58px;
  }
  .ydyxhaa {
    background-image: url(../img/y108.png);
    background-size: 100% 100%;
    background-position: center;
    padding: 8% 0 8% 5%;
    margin-top: 9%;
  }
  .ydyxhaa h2 {
    font-size: 1.05rem;
    color: #454353;
    line-height: 28px;
    background-image: url(../img/y107.png);
    background-size: 100% 18px;
    background-repeat: no-repeat;
    background-position: center bottom;
    padding: 0 16px;
    display: inline-block;
  }
  .ydyxha_p {
    width: 100%;
    margin-top: 2%;
  }
  .ydyxhaa p {
    font-size: 0.85rem;
    color: #868686;
    padding-left: 18px;
    width: 50%;
    line-height: 20px;
    height: 28px;
    background-image: url(../img/y99.png);
    background-repeat: no-repeat;
    background-position: left 6px top 6px;
    float: left;
    margin-top: 6px;
  }
  .ydyxhab p {
    width: 100%;
    margin-top: 4%;
    line-height: 20px;
    height: auto;
  }
  .ydyxhb {
    width: 95%;
    margin-top: 2%;
  }
  .ydyxhb img {
    width: 100%;
  }
  .sjyx_al {
    width: 100%;
    margin-top: 8%;
  }
  .sjyx_ala {
    width: 100%;
    float: none;
  }
  .sjyx_alaa h2 {
    font-size: 2.6rem;
    color: #e7e3ff;
    font-weight: 900;
    font-family: Arial;
    text-transform: uppercase;
    line-height: 32px;
    text-align: center;
  }
  .sjyx_alaa p {
    font-size: 1.2rem;
    color: #414140;
    font-weight: bold;
    line-height: 22px;
    letter-spacing: 2px;
    margin-top: -10px;
    text-align: center;
  }
  .sjyx_alab {
    width: 100%;
    margin-top: 12%;
  }
  .qsjyx_alb {
    width: 100%;
    position: relative;
    margin-top: 4%;
  }
  #qswiper_sjal {
    width: 140%;
    padding: 2%;
    margin-left: -20%;
  }
  #qswiper_sjal .swiper-slide {
    width: 70%;
  }
  #qswiper_sjal .swiper-slide-prev h2 {
    opacity: 0;
  }
  #qswiper_sjal .swiper-slide-next h2 {
    opacity: 0;
  }
  #qswiper_sjal .swiper-slide-prev img {
    opacity: 0.6;
  }
  #qswiper_sjal .swiper-slide-next img {
    opacity: 0.6;
  }
  .sjyx_alc {
    width: 100%;
    background-image: url(../img/y109.png);
    padding: 8.5%;
    background-size: 100% 100%;
    border-radius: 30px;
  }
  .sjyx_alc img {
    width: 100%;
    border-radius: 20px;
  }
  #qswiper_sjal .swiper-slide h2 {
    font-size: 0.95rem;
    color: #464545;
    text-align: center;
    margin-top: 2%;
  }

  /*电商托管*/
  .dstga {
    width: 100%;
    background-image: url(../img/g22.jpg);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 10%;
    padding-bottom: 22%;
  }
  .dstga .wlyxb h6 {
    text-align: center;
    line-height: 25px;
    font-size: 0.85rem;
    color: #fff;
    margin-top: 24px;
    letter-spacing: 1px;
    text-transform: uppercase;
  }
  .dstga .wlyxb h5 {
    font-size: 0.9rem;
    color: #ffe84d;
    font-weight: bold;
    text-align: center;
    line-height: 24px;
    margin-top: 30px;
    letter-spacing: 1px;
  }
  .dstga .wlyxb img {
    width: 180px;
    margin: 0 auto;
    margin-top: 6%;
  }
  .dstga .mbx {
    padding: 0 12px;
    margin-top: 0;
    position: relative;
    top: 75px;
  }
  .dstga .mbx p {
    color: #bfb4cd;
  }
  .dstga .mbx p a {
    color: #bfb4cd;
  }
  .dstga .mbx p a:hover {
    color: #4335c0;
  }
  .dstga .mbx p:nth-child(1) {
    float: left;
  }
  .dstga .mbx p:nth-child(2) {
    float: right;
  }
  .dstgb {
    margin-top: 4%;
  }
  .dstgb1 {
    width: 100%;
  }
  .dstgb1 h2 {
    font-size: 2.6rem;
    color: #e7e3ff;
    font-weight: 900;
    font-family: Arial;
    text-transform: uppercase;
    line-height: 32px;
    letter-spacing: 1px;
  }
  .dstgb1 h3 {
    font-size: 1.2rem;
    color: #414140;
    line-height: 24px;
    letter-spacing: 2px;
    font-weight: bold;
    margin-top: -10px;
  }
  .dstgb1 p {
    width: 46%;
    background-image: url(../img/g26.png);
    background-repeat: no-repeat;
    background-size: 100% 16px;
    background-position: bottom;
    font-size: 0.95rem;
    color: #454353;
    line-height: 26px;
    margin-top: 3%;
    padding-left: 10px;
  }
  .dstgb1 p:nth-child(2n) {
    float: right;
  }
  .dstgb1 p:nth-child(2n + 1) {
    float: left;
  }
  .dstgb2 {
    width: 80%;
    margin: 0 auto;
    margin-top: 7%;
  }
  .dstgb2 img {
    width: 100%;
  }
  .dstgc {
    margin-top: 11%;
  }
  .dstgc > h2 {
    font-size: 2.4rem;
    color: #e7e3ff;
    font-weight: 900;
    font-family: Arial;
    text-transform: uppercase;
    line-height: 32px;
    letter-spacing: 1px;
    text-align: center;
  }
  .dstgc h3 {
    font-size: 1.2rem;
    color: #414140;
    line-height: 24px;
    letter-spacing: 2px;
    font-weight: bold;
    margin-top: -10px;
    text-align: center;
  }
  .dstgc1 {
    width: 100%;
    margin: 0 auto;
    margin-top: 6%;
  }
  #swiper_sjtg {
    width: 150%;
    margin-left: -25%;
  }
  #swiper_sjtg .swiper-slide {
    width: 100%;
    padding: 2%;
  }
  #swiper_sjtg .swiper-slide-prev p {
    opacity: 0;
  }
  #swiper_sjtg .swiper-slide-next p {
    opacity: 0;
  }
  .dstgc1a {
    width: 100%;
    background-color: #fff;
    border: 1px solid #f2f1ff;
    border-radius: 15px;
    position: relative;
    height: 330px;
    box-shadow: 1px 4px 18px 1px rgba(177, 183, 243, 0.27);
    padding: 6%;
  }
  .dstgc1a::after {
    position: absolute;
    content: "";
    width: 70px;
    height: 4px;
    background-color: #9587ee;
    left: calc(50% - 35px);
    top: -1px;
  }
  .dstgc1a:nth-child(3n + 2) {
    margin: 0 6.5%;
    margin-top: 50px;
  }
  .dstgc1a img {
    margin: 0 auto;
    width: 60px;
  }
  .dstgc1a h2 {
    font-size: 1rem;
    color: #454353;
    line-height: 40px;
    text-align: center;
  }
  .dstgc1a p {
    font-size: 0.85rem;
    color: #868686;
    line-height: 22px;
    margin-top: 3%;
    position: relative;
    padding-left: 12px;
  }
  .dstgc1a p::after {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    background-color: #9587ee;
    border-radius: 50%;
    left: 0;
    top: 8px;
  }
  .dstgd {
    background-image: url(../img/g34.jpg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    padding: 8% 0;
    margin-top: 8%;
  }
  .dstgd h2 {
    font-size: 2.4rem;
    color: #705cff;
    font-weight: 900;
    font-family: Arial;
    text-transform: uppercase;
    line-height: 32px;
    letter-spacing: 1px;
    text-align: center;
  }
  .dstgd h3 {
    font-size: 1.2rem;
    color: #fff;
    line-height: 24px;
    letter-spacing: 2px;
    font-weight: bold;
    margin-top: -12px;
    text-align: center;
  }
  .dstgd1a {
    width: 100%;
    position: relative;
    margin-top: 6%;
  }
  .tggdt {
    position: absolute;
    width: 98%;
    left: 1%;
    top: 0;
    z-index: 0;
  }
  #swiper_sjdsal {
    width: 160%;
    padding-bottom: 18%;
    margin-left: -30%;
  }
  #swiper_sjdsal .swiper-slide {
    width: 100%;
    padding: 1.4% 1.3% 0% 1.3%;
  }
  #swiper_sjdsal .swiper-slide-next img {
    opacity: 0.4;
  }
  #swiper_sjdsal .swiper-slide-prev img {
    opacity: 0.4;
  }
  .qdstgd1a1 {
    width: 100%;
  }
  .qdstgd1a1 img {
    width: 100%;
  }
  .qdstgd1a1 h4 {
    position: absolute;
    bottom: -33%;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 0.95rem;
  }
  .dstgd1a img {
    width: 100%;
  }
  .dstgd3 {
    margin-top: 12%;
  }
  .dstgd3 img {
    float: left;
    cursor: pointer;
  }
  .dstgd3 img:nth-child(2) {
    margin-left: 26px;
  }
  .dstge {
    margin-top: 10%;
  }
  .dstge h2 {
    font-size: 2.6rem;
    color: #e7e3ff;
    font-weight: 900;
    font-family: Arial;
    text-transform: uppercase;
    line-height: 32px;
    letter-spacing: 1px;
    text-align: center;
  }
  .dstge h3 {
    font-size: 1.2rem;
    color: #414140;
    line-height: 24px;
    letter-spacing: 2px;
    font-weight: bold;
    margin-top: -12px;
    text-align: center;
  }
  .dstge img {
    width: 96%;
    margin: 0 auto;
    margin-top: 8%;
  }
  .dstgi {
    width: 100%;
    margin: 0 auto;
    margin-top: 12%;
  }
  .dstgi1 {
    width: 100%;
  }
  .dstgi1 img {
    width: 100%;
  }
  .dstgi2 {
    width: 100%;
  }
  .dstgi2 h2 {
    font-size: 2.6rem;
    color: #e7e3ff;
    font-weight: 900;
    font-family: Arial;
    text-transform: uppercase;
    line-height: 32px;
    letter-spacing: 1px;
  }
  .dstgi2 h3 {
    font-size: 1.2rem;
    color: #6e73e7;
    line-height: 24px;
    letter-spacing: 2px;
    font-weight: bold;
    margin-top: -12px;
  }
  .dstgi2 p {
    font-size: 0.85rem;
    color: #868686;
    line-height: 24px;
    margin-top: 3%;
  }
  .dstgi2 img {
    width: 80%;
    margin: 0 auto;
    margin-top: 5%;
  }
  .dstgj {
    background-image: url(../img/g50.jpg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;
    margin-top: 8%;
    padding: 8% 0;
  }
  .dstgj1 {
    width: 100%;
  }
  .dstgj1 img {
    width: 320px;
    margin: 0 auto;
  }
  .dstgj1 h2 {
    font-size: 1rem;
    color: #444444;
    line-height: 26px;
    margin-top: 3%;
    text-align: center;
  }
  .dstgj1 p {
    width: 160px;
    height: 40px;
    font-size: 1rem;
    margin: 0 auto;
    color: #3c6ce5;
    background-color: #fff;
    border-radius: 25px;
    line-height: 40px;
    text-align: center;
    margin-top: 6%;
    transition: all ease 0.4s;
    box-shadow: 3px 3px 10px 0 rgba(94, 30, 203, 0.2);
  }
  .dstgj2 {
    width: 37.5%;
    margin-left: 7.2%;
  }
  .dstgj2 img {
    width: 100%;
  }

  /*网络公关*/
  .wlgga {
    width: 100%;
    background-image: url(../img/g01.jpg);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 10%;
    padding-bottom: 10%;
  }
  .wlgga .wlyxb h6 {
    text-align: center;
    line-height: 24px;
    font-size: 0.85rem;
    color: #fff;
    margin-top: 24px;
    letter-spacing: 1px;
    text-transform: uppercase;
  }
  .wlgga .wlyxb h6 span {
    display: block;
  }
  .wlgga .wlyxb img {
    width: 72%;
    margin: 0 auto;
    margin-top: 6%;
  }
  .wlgga .mbx {
    padding: 0 12px;
    margin-top: 0;
    position: relative;
    top: -30px;
  }
  .wlgga .mbx p {
    color: #bfb4cd;
  }
  .wlgga .mbx p a {
    color: #bfb4cd;
  }
  .wlgga .mbx p a:hover {
    color: #4335c0;
  }
  .wlgga .mbx p:nth-child(1) {
    float: left;
  }
  .wlgga .mbx p:nth-child(2) {
    float: right;
  }
  .wlggb {
    position: relative;
    margin-top: 4%;
  }
  .wlggba2 {
    width: 100%;
  }
  .wlggba2 h2 {
    font-size: 2.6rem;
    color: #e7e3ff;
    font-weight: 900;
    font-family: Arial;
    text-transform: uppercase;
    line-height: 32px;
    letter-spacing: 1px;
  }
  .wlggba2 h3 {
    font-size: 1.2rem;
    color: #414140;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 2px;
    margin-top: -12px;
  }
  .wlggba2 img {
    width: 80%;
    margin: 0 auto;
    margin-top: 6%;
  }
  .wlggba2 p {
    font-size: 0.85rem;
    color: #414140;
    line-height: 23px;
    margin-top: -8%;
    letter-spacing: 1px;
  }
  .wlggba2 p span {
    color: #454353;
    line-height: 26px;
  }
  .wlggba3 {
    width: 100%;
    margin: 0 auto;
  }
  .wlggba3 p {
    font-size: 0.75rem;
    color: #454353;
    line-height: 28px;
    background-image: url(../img/g04.png);
    background-repeat: no-repeat;
    background-size: 100% 16px;
    background-position: bottom left;
    width: 100%;
    padding-left: 2%;
    margin-top: 8px;
  }
  .wlggc {
    width: 100%;
    margin-top: 10%;
  }
  .wlggc h2 {
    font-size: 2.6rem;
    color: #e7e3ff;
    font-weight: 900;
    font-family: Arial;
    text-transform: uppercase;
    line-height: 32px;
    letter-spacing: 1px;
    text-align: center;
  }
  .wlggc h3 {
    font-size: 1.2rem;
    color: #414140;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 2px;
    margin-top: -12px;
    text-align: center;
  }
  .wlggc p {
    font-size: 0.9rem;
    color: #868686;
    line-height: 24px;
    margin-top: 4%;
    text-align: center;
  }
  .wlggc1 {
    width: 100%;
    margin: 0 auto;
    margin-top: 4%;
  }
  .wlggc1a {
    width: 21.333%;
    margin: 2% 6%;
  }
  .wlggc1a img {
    width: 100%;
    border-radius: 50%;
    box-shadow: -4px 4px 20px 0px rgba(191, 191, 243, 0.54);
  }
  .wlggc1a p {
    width: 200%;
    margin-left: -50%;
    text-align: center;
    font-size: 0.95rem;
    color: #454353;
    line-height: 30px;
    margin-top: 8%;
  }
  .wlggc1a:hover img {
    animation: rubberBand 1.5s infinite;
  }
  .wlggc1a:nth-child(4) {
    margin-left: 23%;
  }
  .wlggc1a:nth-child(5) {
    margin-left: 8%;
  }
  .wlggc2 {
    width: 106%;
    margin: 0 auto;
    background-image: url(../img/g10.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-top: 4%;
    padding: 6% 4% 10% 4%;
    margin-left: -3%;
  }
  .wlggc2 p {
    font-size: 0.85rem;
    color: #fefefe;
    line-height: 24px;
    text-align: center;
  }
  .wlggd {
    background-image: url(../img/g11.jpg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    padding-top: 8%;
    margin-top: 8%;
    width: 100%;
    padding-bottom: 18%;
  }
  .wlggd1 {
    width: 100%;
  }
  .wlggd1 h2 {
    font-size: 2.6rem;
    color: #4a87d5;
    font-weight: 900;
    font-family: Arial;
    text-transform: uppercase;
    line-height: 32px;
    letter-spacing: 1px;
  }
  .wlggd1 p {
    font-size: 1.2rem;
    color: #fff;
    line-height: 24px;
    margin-top: -14px;
    font-weight: bold;
    letter-spacing: 2px;
  }
  .wlggd2 {
    width: 100%;
    margin-top: 6%;
  }
  #swiper_sjggys {
    width: 150%;
    margin-left: -25%;
  }
  #swiper_sjggys .swiper-wrapper {
    width: 100%;
    padding: 2%;
  }
  .wlggd5 {
    width: 100%;
    background-color: #fff;
    border: 1px solid #f2f1ff;
    border-radius: 15px;
    position: relative;
    height: 220px;
    box-shadow: 1px 4px 18px 1px rgba(177, 183, 243, 0.27);
    padding: 10% 2% 0 2%;
  }
  .wlggd5::after {
    position: absolute;
    content: "";
    width: 70px;
    height: 4px;
    background-color: #9587ee;
    left: calc(50% - 35px);
    top: -1px;
  }
  .wlggd5 img {
    width: 70px;
    margin: 0 auto;
  }
  .wlggd5 h2 {
    font-size: 1.05rem;
    color: #454353;
    line-height: 30px;
    margin-top: 3%;
    text-align: center;
  }
  .wlggd5 p {
    font-size: 0.85rem;
    color: #868686;
    line-height: 22px;
    text-align: center;
    margin-top: 3%;
  }
  .wlggd5 p span {
    color: #9587ee;
    font-size: 0.6rem;
  }
  .wlggd1 .wltgc_an {
    right: 4%;
    bottom: 0px;
  }

  .wlgge {
    margin: 0 auto;
    margin-top: 3%;
    width: 100%;
  }
  .wlgge h2 {
    font-size: 2.6rem;
    color: #e7e3ff;
    font-weight: 900;
    font-family: Arial;
    text-transform: uppercase;
    line-height: 32px;
    letter-spacing: 3px;
    text-align: center;
  }
  .wlgge h3 {
    font-size: 1.2rem;
    color: #414140;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 3px;
    margin-top: -12px;
    text-align: center;
  }
  .wlgge p {
    font-size: 0.85rem;
    color: #454353;
    line-height: 22px;
    text-align: center;
    margin-top: 6%;
  }
  .wlgge p br:nth-child(1) {
    display: none;
  }
  .wlgge p span {
    font-size: 0.85rem;
    color: #3a31ef;
    line-height: 24px;
    font-weight: bold;
    text-align: center;
    display: inline;
    background-image: url(../img/g04.png);
    background-repeat: no-repeat;
    background-size: 100% 70%;
    padding: 0 6px;
    background-position: bottom;
  }
  .wlgge img {
    width: 100%;
    margin-top: 2%;
  }
  .wlggf {
    margin-top: 11%;
  }
  .wlggf h2 {
    font-size: 2.6rem;
    color: #e7e3ff;
    font-weight: 900;
    font-family: Arial;
    text-transform: uppercase;
    line-height: 32px;
    letter-spacing: 3px;
    text-align: center;
  }
  .wlggf h3 {
    font-size: 1.2rem;
    color: #414140;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 2px;
    margin-top: -12px;
    text-align: center;
  }
  .wlggg {
    margin-top: 6%;
    width: 100%;
  }
  #swiper_sjggfw {
    width: 150%;
    margin-left: -25%;
  }
  #swiper_sjggfw .swiper-wrapper {
    width: 100%;
    padding: 2%;
  }
  .wlggg1 {
    width: 100%;
    background-color: #fff;
    border: 1px solid #f2f1ff;
    border-radius: 15px;
    position: relative;
    height: 220px;
    box-shadow: 1px 4px 18px 1px rgba(177, 183, 243, 0.27);
    padding: 12% 1% 0 1%;
  }
  .wlggg1::after {
    position: absolute;
    content: "";
    width: 70px;
    height: 4px;
    background-color: #9587ee;
    left: calc(50% - 35px);
    top: -1px;
  }
  .wlggg1 img {
    margin: 0 auto;
    width: 60px;
  }
  .wlggg1 h2 {
    font-size: 1rem;
    color: #454353;
    line-height: 30px;
    margin-top: 7px;
    text-align: center;
  }
  .wlggg1 p {
    font-size: 0.8rem;
    color: #868686;
    line-height: 22px;
    text-align: center;
    margin-top: 6%;
    position: relative;
  }
  .wlggg1 p span {
    display: inline-block;
    width: 10px;
  }
  .wlggg1 p::after {
    width: 8px;
    height: 8px;
    background-color: #9587ee;
    position: absolute;
    content: "";
    top: -13px;
    left: calc(50% - 4px);
    border-radius: 50%;
  }
  .wlggq {
    margin-top: 8%;
  }
  .wlggq h2 {
    color: #ffde57;
    font-weight: bold;
  }

  /*成功案例列表页*/
  .all {
    width: 100%;
    background-image: url(../img/y49.jpg);
    background-repeat: no-repeat;
    background-size: auto auto;
    background-position: center top;
    overflow: hidden;
    margin-top: 22%;
  }
  .alla {
    width: 100%;
  }
  .alla .wlyxb {
    margin-top: 8%;
  }
  .alla .wlyxb h6 {
    font-size: 0.85rem;
    color: #fff;
    text-align: center;
    line-height: 24px;
    margin-top: 24px;
    letter-spacing: 1px;
  }
  .aldh {
    display: table;
    margin: 0 auto;
    height: 41px;
    background-color: rgba(115, 85, 245, 0.6);
    margin-top: 19px;
    border-radius: 50px;
    padding: 4px 30px 0 30px;
    margin-bottom: 30px;
  }
  .aldh_p {
    width: 100px;
    height: 30px;
    border-radius: 30px;
    text-align: center;
    line-height: 30px;
    margin: 0 5px;
    transition: all ease 0.3s;
  }
  .aldh_p a {
    font-size: 0.95rem;
    color: #fff;
    transition: all ease 0.3s;
  }
  .aldh_pa {
    background-color: #fff;
  }
  .aldh_pa a {
    color: #832dec;
  }
  .aldh_p:hover {
    background-color: #fff;
  }
  .aldh_p:hover a {
    color: #832dec;
  }
  .mbxa {
    margin-top: 8%;
    position: relative;
  }
  .mbxa p {
    color: #bfb4cd;
    line-height: 12px;
    font-size: 0.8rem;
  }
  .mbxa p a {
    color: #bfb4cd;
    font-size: 0.8rem;
  }
  .mbxa p a:hover {
    color: #fff;
  }
  .mbxa p:nth-child(1) {
    float: left;
  }
  .mbxa p:nth-child(2) {
    display: none;
  }
  .allb {
    background-color: #fff;
    margin-top: 6%;
    padding-top: 8%;
    width: 100%;
  }
  .allx {
    width: 95%;
    margin: 0 auto;
  }
  .allx_p {
    height: 30px;
    line-height: 30px;
    border-radius: 50px;
    margin: 3px 1%;
    background-color: #fff;
    transition: all ease 0.3s;
    width: 31.33%;
    text-align: center;
    background-image: url(../img/y190.png);
    background-size: 0% 0%;
    background-repeat: no-repeat;
    background-position: center;
  }
  .allx_p a {
    font-size: 0.85rem;
    color: #4c4c4c;
    transition: all ease 0.3s;
  }
  .allx_pa {
    box-shadow: 1px 2px 10px 1px rgba(120, 33, 220, 0.16);
    background-size: 100% 100%;
  }
  .allx_pa a {
    color: #fff;
  }
  .allx_p:hover {
    box-shadow: 1px 4px 12px 1px rgba(120, 33, 220, 0.16);
    background-size: 100% 100%;
  }
  .allx_p:hover a {
    color: #fff;
  }
  .allc {
    width: 92%;
    margin: 0 auto;
    margin-top: 8%;
  }
  .alld {
    position: relative;
    width: 100%;
    margin: 4% 0;
  }
  .alld_t {
    width: 100%;
    overflow: hidden;
  }
  .alld_t img {
    width: 100%;
    transition: all ease 0.3s;
  }
  .alld_w {
    width: 100%;
    background-color: rgba(81, 32, 191, 0.9);
    padding: 5% 3% 5% 5%;
    position: relative;
    margin-top: -8%;
  }
  .alld_w h2 {
    font-size: 0.9rem;
    color: #fff;
    line-height: 24px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .alld_w p {
    font-size: 0.72rem;
    line-height: 20px;
    margin-top: 1%;
    color: #fff;
    height: 40px;
    overflow: hidden;
  }
  .alld_w h6 {
    display: none;
  }
  .alld:hover .alld_t img {
    transform: scale(1.1);
  }
  .yema {
    display: table;
    margin: 0 auto;
    background-color: #f2f2f2;
    height: 52px;
    padding: 11px 10px 0 10px;
    border-radius: 50px;
    margin-top: 8%;
  }
  .ymb {
    width: 28px;
    height: 28px;
    background-color: #fff;
    border-radius: 50%;
    margin: 0 5px;
  }
  .ymb img {
    margin: 12px auto;
  }
  .yma {
    width: 28px;
    height: 28px;
    margin: 0 5px;
    line-height: 30px;
    border-radius: 50%;
    text-align: center;
    transition: all ease 0.3s;
  }
  .yma a {
    font-size: 0.85rem;
    color: #646464;
    transition: all ease 0.3s;
  }
  .ymaa {
    background-color: #832dec;
  }
  .ymaa a {
    color: #fff;
  }
  .yma:hover {
    background-color: #832dec;
  }
  .yma:hover a {
    color: #fff;
  }

  /*案例内页*/
  #alntop {
    position: relative;
    width: 92%;
    margin: 0 auto;
    margin-top: 8%;
  }
  #alntop h2 {
    text-align: left;
    margin-left: 1px;
  }
  #alntop .wlyxdiv {
    text-align: left;
  }
  #alntop h6 {
    text-align: left;
    margin-top: 25px;
    width: 100%;
  }
  #alntop .alntopt {
    position: absolute;
    right: 0%;
    top: 6px;
  }
  #alntop .alntopt img {
    width: 40px;
  }
  .aln {
    width: 92%;
    margin: 0 auto;
  }
  .alna {
    width: 100%;
  }
  .alna p {
    width: 100%;
    font-size: 0.85rem;
    color: #4c4c4c;
    line-height: 22px;
    float: left;
    margin-top: 3%;
  }
  .alna p span {
    display: inline-block;
    background-image: url(../img/y115.png);
    background-size: 100% 10px;
    background-repeat: no-repeat;
    background-position: center bottom;
    padding: 0 10px;
    margin-right: 3%;
  }
  .alnb_sj {
    width: 100%;
    margin-top: 6%;
  }
  .alnb_sj img {
    width: 70%;
    margin: 0 auto;
  }
  .alnb {
    width: 100%;
    position: relative;
    margin-top: 8%;
  }
  .alnba {
    background-image: url(../img/y56.jpg);
    width: 280px;
    margin: 0 auto;
    margin-top: 4%;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center top;
    padding: 7px 33px 10% 35px;
  }
  .alnba_t {
    width: 100%;
    height: 134px;
    overflow-x: hidden;
  }
  .alnba_t img {
    width: 100%;
    border-radius: 3px;
  }
  .alnbc p {
    font-size: 1.1rem;
    font-weight: bold;
    color: #414140;
    text-align: center;
  }
  .alnba_t::-webkit-scrollbar-track-piece {
    width: 8px;
    background-color: #322843;
    border-radius: 5px;
  }
  .alnba_t::-webkit-scrollbar {
    width: 8px;
    background-color: #322843;
    border-radius: 5px;
  }
  .alnba_t::-webkit-scrollbar-thumb {
    width: 6px;
    background-color: #7335ef;
    border-radius: 5px;
    background-image: url(../img/y119.png);
    background-repeat: no-repeat;
    background-position: center;
    border: 2px solid #312741;
  }
  .alnba_t::-webkit-scrollbar-button {
    background-image: url(../img/y120.png);
    width: 8px;
    height: 8px;
    background-size: 100% 100%;
    border-left: 1px solid #312741;
    background-color: transparent;
    border-radius: 5px;
  }
  .alnbb {
    background-image: url(../img/y118.png);
    width: 120px;
    margin: 0 auto;
    background-size: 100% auto;
    background-position: center;
    padding: 6px 7px 7px 7px;
    border-radius: 18px;
    box-shadow: 1px 1px 20px 1px rgba(0, 0, 0, 0.1);
    margin-top: 4%;
  }
  .alnbb img {
    width: 100%;
  }
  .alnbc img {
    display: none;
  }
  .alnc {
    width: 100%;
    margin-top: 8%;
  }
  .alnca {
  }
  .alnca img {
    width: 200px;
  }
  .alnca p {
    float: left;
    font-size: 1.1rem;
    color: #3d3d3d;
    margin-top: 2%;
    font-weight: bold;
  }
  .alnd {
    width: 100%;
    background-image: url(../img/y123.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 4%;
    padding: 4% 3%;
    border-radius: 10px;
  }
  .alnda {
    width: 25%;
    background-color: #fff;
    border-radius: 8px;
    padding: 3% 1%;
  }
  .alnda img {
    width: 30px;
    margin: 0 auto;
  }
  .alnda p {
    line-height: 26px;
    font-size: 0.9rem;
    color: #3d3d3d;
    text-align: center;
    height: 46px;
  }
  .alnda h6 {
    line-height: 20px;
    font-family: Arial;
    font-size: 1.2rem;
    color: #e11d11;
    font-weight: 900;
    text-align: center;
    margin-top: 15px;
  }
  .alnda img:nth-child(3) {
    margin: 0 auto;
    height: 20px;
    margin-top: 10px;
    width: auto;
    margin-bottom: 5px;
  }
  .alne {
    width: 100%;
    margin-top: 8%;
  }
  .alne img {
    width: 260px;
  }
  .alne h2 {
    font-size: 1.1rem;
    color: #3d3d3d;
    line-height: 28px;
    margin-left: 51px;
    margin-top: 2%;
    font-weight: bold;
  }
  .alne p {
    width: 98%;
    margin: 0 auto;
    font-size: 0.85rem;
    color: #4c4c4c;
    line-height: 24px;
    margin-top: 4%;
  }
  .alne_t {
    width: 92%;
    background-color: #f1f3ff;
    position: relative;
    padding: 4%;
    border-radius: 10px;
    margin-left: 2%;
    margin-top: 6%;
  }
  .alne_ta {
    width: 100%;
  }
  .alne_ta img {
    width: 100%;
  }
  .alne_tb {
    position: absolute;
    right: -35px;
    top: 0;
  }
  .alne_tb img {
    width: 30px;
  }
  .fhlb {
    width: 100%;
    margin: 0 auto;
    margin-top: 10%;
    background-color: #f2f2f2;
    border-radius: 50px;
    padding: 3% 0%;
  }
  .fhlb p:nth-child(1) {
    background-image: url(../img/y126.png);
    width: 100%;
    background-repeat: no-repeat;
    background-position: left center;
    line-height: 30px;
    height: 30px;
    padding-left: 45px;
    font-size: 14px;
    color: #646464;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: none;
  }
  .fhlb p a {
    font-size: 14px;
    color: #646464;
  }
  .fhlb p:nth-child(3) {
    background-image: url(../img/y127.png);
    width: 100%;
    background-repeat: no-repeat;
    background-position: right center;
    line-height: 30px;
    height: 30px;
    padding-right: 45px;
    font-size: 14px;
    color: #646464;
    float: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: right;
    display: none;
  }
  .fanhi {
    width: 126px;
    float: none;
    margin: 0 auto;
  }
  .fanhi h6 {
    width: 126px;
    height: 32px;
    line-height: 32px;
    border-radius: 50px;
    background-color: #fff;
    text-align: center;
    margin: 0 auto;
    box-shadow: 1px 3px 12px 1px rgba(120, 33, 220, 0.16);
  }
  .fanhi h6 a {
    font-size: 0.85rem;
    color: #832dec;
    transition: all ease 0.3s;
  }
  .fanhi:hover h6 a {
    padding-left: 8px;
  }
  .fhlb p:hover a {
    color: #832dec;
  }

  /*合作客户页*/
  .hzkha {
    width: 100%;
    margin: 0 auto;
  }
  .hzkha p {
    width: 92%;
    margin: 0 auto;
    text-align: center;
    font-size: 0.85rem;
    color: #3d3d3d;
    line-height: 24px;
  }
  .hzkha p br {
    display: none;
  }
  .hzkhb {
    width: 98%;
    margin: 0 auto;
    margin-top: 4%;
    margin-bottom: 6%;
  }
  .hzkhb_a {
    width: 44%;
    margin: 3%;
  }
  .hzkhb_a img {
    width: 100%;
    border-radius: 10px;
    box-shadow: 1px 1px 16px 1px rgba(120, 33, 220, 0.16);
  }
  .hzkhb_a p {
    text-align: center;
    font-size: 0.8rem;
    color: #82818f;
    line-height: 22px;
    margin-top: 10px;
    height: 44px;
    overflow: hidden;
  }
  .hzkha {
    margin-bottom: -8%;
  }

  /*关于一瞬页*/
  .jjy {
    background-image: url(../img/y72.jpg);
  }
  .gydh {
    margin: 0 auto;
    border-radius: 20px;
    width: 98%;
    padding: 2% 2%;
    margin-top: 6%;
    margin-bottom: 30px;
  }
  .gydh .aldh_p {
    width: 29.33%;
    margin: 5px 2%;
  }
  .ysjj {
    width: 100%;
    margin-top: 21px;
  }
  .ysjj .commen {
    width: 100%;
  }
  .ysjja {
    width: 100%;
    background-color: #fff;
    padding-top: 5%;
  }
  .ysjjaa {
    width: 92%;
    margin: 0 auto;
  }
  .ysjjaa img {
    width: 260px;
  }
  .ysjjaa h2 {
    text-align: center;
    font-size: 1.8rem;
    color: #e7e3ff;
    font-family: Arial;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 22px;
    margin-top: 10%;
  }
  .ysjjaa h3 {
    font-size: 1.1rem;
    color: #454353;
    text-align: center;
    line-height: 26px;
    letter-spacing: 1px;
  }
  .ysjjaa h4 {
    text-align: center;
    font-size: 0.86rem;
    color: #454353;
    line-height: 24px;
    background-image: url(../img/y136.png);
    background-size: 100% 10px;
    background-repeat: no-repeat;
    background-position: bottom center;
    display: table;
    padding: 0 2px;
    margin: 0 auto;
    margin-top: 4%;
  }
  .ysjjaa p {
    text-align: center;
    font-size: 0.83rem;
    color: #747474;
    line-height: 24px;
    margin: 0 auto;
    margin-top: 4%;
    width: 100%;
  }
  .ysjjaa p span {
    font-weight: bold;
    display: block;
  }
  .ysjjaa p br {
    display: none;
  }
  .ysjjab {
    width: 92%;
    margin: 0 auto;
    margin-top: 6%;
  }
  .ysjjab_a {
    width: 45%;
    background-color: #fff;
    box-shadow: 1px 1px 10px 1px rgba(120, 33, 220, 0.16);
    padding: 4% 5%;
    margin: 3% 2.5%;
  }
  .ysjjab_t {
    float: none;
  }
  .ysjjab_t img {
    width: 60px;
  }
  .ysjjab_w {
    width: 100%;
    float: none;
    margin-top: 3%;
  }
  .ysjjab_w h2 {
    font-size: 0.95rem;
    color: #3d3d3d;
    line-height: 24px;
  }
  .ysjjab_w p {
    font-size: 0.8rem;
    color: #d2d2d2;
    line-height: 16px;
    text-transform: uppercase;
    height: 34px;
  }
  .ysjjab_w img {
    margin-top: 18px;
    width: 30px;
  }
  .ysjjab_a:hover .ysjjab_t img {
    animation: swing 2s infinite;
  }
  .ysjjac {
    width: 92%;
    margin: 0 auto;
  }
  .ysjjac h2 {
    font-size: 0.92rem;
    color: #454353;
    text-align: center;
    line-height: 26px;
    background-image: url(../img/y136.png);
    background-size: 100% 10px;
    background-repeat: no-repeat;
    background-position: bottom center;
    display: table;
    padding: 0 4px;
    margin: 0 auto;
    margin-top: 8%;
  }
  .ysjjac p {
    font-size: 0.85rem;
    color: #747474;
    line-height: 24px;
    margin-top: 4%;
    text-align: center;
  }
  .ysjjac p br {
    display: none;
  }
  .ysjjb {
    width: 100%;
    margin-top: 6%;
    background-image: url(../img/y70.jpg);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center right;
    padding: 8% 0;
  }
  .ysjjba {
    width: 92%;
    margin: 0 auto;
  }
  .ysjjba h2 {
    font-size: 0.95rem;
    color: #fffefe;
    line-height: 26px;
    background-image: url(../img/y138.png);
    background-size: 100% 10px;
    background-repeat: no-repeat;
    background-position: bottom center;
    display: table;
    margin: 0 auto;
    padding: 0 6px;
    text-align: center;
    font-weight: bold;
  }
  .ysjjba p {
    text-align: center;
    font-size: 0.85rem;
    color: #fff;
    line-height: 24px;
    margin-top: 16px;
  }
  .ysjjba p br {
    display: none;
  }
  .ysjjbb {
    width: 100%;
    margin: 0 auto;
    margin-top: 0%;
  }
  .ysjjbb_a {
    width: 50%;
    margin-top: 6%;
  }
  .ysjjbb_a h2 {
    text-align: center;
    font-family: Arial;
    font-size: 1.6rem;
    color: #fff;
    font-weight: 900;
  }
  .ysjjbb_a p {
    text-align: center;
    font-size: 0.75rem;
    color: #b28cff;
    line-height: 14px;
  }
  .ysjjc h2 {
    margin-top: 6%;
  }
  .ysjjca {
    width: 100%;
    margin: 0 auto;
    margin-top: 8%;
  }
  .ysjjca img {
    width: 110%;
    margin-left: -5%;
  }
  .yslc {
    width: 92%;
    margin: 0 auto;
    margin-top: 10%;
    background-image: url(../img/y141.png);
    background-size: 100% 1px;
    background-repeat: repeat-x;
    background-position: center top 110px;
  }
  .yslc .commen {
    position: relative;
  }
  .yslc_top h2 {
    text-align: center;
    font-size: 1.8rem;
    color: #e7e3ff;
    font-family: Arial;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 22px;
    margin-top: 8%;
  }
  .yslc_top p {
    font-size: 1.1rem;
    color: #454353;
    text-align: center;
    line-height: 30px;
    letter-spacing: 2px;
    font-weight: bold;
  }
  .yslca {
    width: 82%;
    margin-left: 8%;
    margin-top: 20px;
    overflow: hidden;
  }
  .yslcb {
    width: 10000px;
  }
  .yslcc {
    width: 300px;
  }
  .yslcd {
    width: 92%;
    margin-left: 6%;
  }
  .yslcd_t {
    margin-top: 16px;
  }
  .yslcd_t img {
    width: 55px;
  }
  .yslcd_w {
    width: calc(100% - 55px);
  }
  .yslcd_w h2 {
    color: #bab7ff;
    font-size: 1.4rem;
    font-family: Arial;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 26px;
    background-image: url(../img/y140.png);
    background-size: 100% 10px;
    background-repeat: no-repeat;
    background-position: bottom center;
    display: inline-block;
    padding: 0 6px;
  }
  .yslcd_w p {
    font-size: 0.8rem;
    color: #747474;
    line-height: 22px;
    margin-top: 20px;
    height: 66px;
    width: 100%;
  }
  .yslc_z {
    position: absolute;
    left: -10px;
    top: 95px;
    cursor: pointer;
    width: 54px;
  }
  .yslc_y {
    position: absolute;
    right: -10px;
    top: 95px;
    cursor: pointer;
    width: 54px;
  }

  /*企业文化页*/
  .why {
    background-image: url(../img/g55.jpg);
  }
  .qywh {
    width: 100%;
    margin-top: 21px;
  }
  .qywh .commen {
    width: 100%;
  }
  .qywha {
    width: 100%;
    background-color: #fff;
    padding-top: 5%;
  }
  .qywhaa {
    width: 90%;
    margin: 0 auto;
    overflow: hidden;
  }
  .qywhaa img {
    width: 450px;
  }
  .qywhab {
    margin-top: 30px;
  }
  .qywhab .qywhaba {
    width: 90%;
    float: none;
    margin: 0 auto;
  }
  .qywhab .qywhaba img {
    width: 100%;
  }
  .qywhabb {
    width: 100%;
    margin-top: 6%;
  }
  .qywhabb h2 {
    font-family: "Arial";
    font-size: 1.5rem;
    color: #e7e3ff;
    font-weight: 900;
    line-height: 30px;
    text-transform: uppercase;
  }
  .qywhabb h3 {
    font-family: "Arial";
    font-size: 1rem;
    color: #454353;
    line-height: 22px;
    background-image: url(../img/g04.png);
    background-repeat: no-repeat;
    background-size: 100% 10px;
    background-position: bottom center;
    display: inline;
    padding: 0 20px 0 5px;
  }
  .qywhabb p {
    margin-top: 12px;
    margin-bottom: 15px;
  }
  .qywhabb p span {
    font-size: 0.85rem;
    color: #545454;
    padding-right: 15px;
    line-height: 24px;
  }
  .qywhab1 {
    margin-top: 6%;
  }
  .qywhab1 .qywhaba {
    width: 90%;
    margin: 0 auto;
  }
  .qywhab1 .qywhaba img {
    width: 100%;
  }

  .qywhba {
    width: 92%;
    margin: 0 auto;
    margin-top: 6%;
  }
  .qywhba > img {
    float: right;
    margin-right: 10px;
    width: 260px;
  }
  .qywhbaa {
    width: 100%;
    margin-top: 6%;
  }
  #swiper_sjfc {
    width: 170%;
    margin-left: -35%;
  }
  #swiper_sjfc .swiper-slide {
    width: 100%;
  }
  #swiper_sjfc .swiper-slide-next img {
    opacity: 0.3;
  }
  #swiper_sjfc .swiper-slide-prev img {
    opacity: 0.3;
  }
  .qywhbaa img {
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
  }
  .qywhbb {
    margin-top: 20px;
    margin-left: 2%;
  }
  .qywhbba,
  .qywhbbb {
    cursor: pointer;
  }

  /*荣誉资质页*/
  .ryy {
    background-image: url(../img/g61.jpg);
  }
  .ryzz {
    width: 100%;
    margin-top: 21px;
  }
  .ryzz .commen {
    width: 100%;
  }
  .ryzza {
    width: 100%;
    background-color: #fff;
    padding-top: 5%;
  }
  .ryzzaa {
    width: 90%;
    margin: 0 auto;
  }
  .ryzzaa > img {
    width: 270px;
  }
  .ryzzab {
    margin-top: 8%;
  }
  .ryzzac {
    width: 100%;
    margin-bottom: 25px;
  }
  .ryzzad {
    width: 55%;
    position: relative;
  }
  .ryzzad img {
    width: 100%;
  }
  .ryzzae {
    width: 55%;
    background-color: #f6f7fd;
    border: 6px solid #ebeeff;
    margin-top: 8%;
    padding: 4% 2% 2% 10%;
    margin-left: -10%;
  }
  .ryzzae p {
    font-size: 0.75rem;
    color: #545454;
    line-height: 20px;
    margin-top: 5%;
  }
  .ryzzae p span {
    color: #82818f;
    line-height: 20px;
    margin-top: 4%;
    display: inline-block;
  }
  .ryyema {
    margin-top: 11px;
  }

  /*加入一瞬页*/
  .jrysy {
    background-image: url(../img/y73.jpg);
  }
  .all .commen {
    width: 100%;
  }
  .jrys {
    width: 100%;
    background-color: #fff;
    margin-top: 21px;
    padding-top: 5%;
  }
  .jru {
    width: 92%;
    margin: 0 auto;
  }
  .jruz {
    width: 100%;
  }
  .jruza img {
    width: 250px;
  }
  .jrub {
    width: 100%;
    margin-top: 6%;
    border-bottom: 3px solid #999999;
  }
  .jrub p {
    line-height: 36px;
    font-size: 0.85rem;
    color: #808080;
    width: 33.333%;
    padding-left: 4%;
    float: left;
  }
  .jruc {
    width: 100%;
  }
  .jrud {
    width: 100%;
    border-top: 1px solid #f4f4f4;
    height: 40px;
    background-image: url(../img/y144.png);
    background-repeat: no-repeat;
    background-position: right 6% center;
    cursor: pointer;
  }
  .jrud p {
    line-height: 40px;
    font-size: 0.85rem;
    color: #4c4c4c;
    width: 33.333%;
    padding-left: 4%;
    float: left;
  }
  .jrue {
    width: 100%;
    padding: 6% 4% 2% 4%;
  }
  .jrue p {
    font-size: 0.8rem;
    color: #797979;
    line-height: 22px;
    margin-bottom: 20px;
  }
  .jruda {
    background-color: #f7f7f7;
    background-image: url(../img/y143.png);
  }
  .jruy {
    width: 100%;
    margin-top: 8%;
  }
  .jruya img {
    width: 260px;
  }
  .jruyb {
    width: 100%;
    background-color: #f7f7f7;
    padding: 5% 6%;
    margin-top: 12px;
    cursor: pointer;
    transition: all ease 0.3s;
  }
  .jruyb img {
    float: left;
    width: 58px;
  }
  .jruyb p {
    float: left;
    width: calc(100% - 58px);
    padding-left: 3%;
    font-size: 0.8rem;
    color: #777777;
    line-height: 22px;
    transition: all ease 0.3s;
  }
  .jruyb p span {
    font-size: 0.85rem;
    color: #3d3d3d;
    transition: all ease 0.3s;
  }
  .jruyb:hover {
    background-color: #832dec;
  }
  .jruyb:hover p {
    color: #fff;
  }
  .jruyb:hover p span {
    color: #fff;
  }
  .jruyb:hover img {
    animation: swing 2s infinite;
  }
  .jruyc {
    width: 100%;
    background-color: #f7f7f7;
    padding: 7% 6%;
    margin-top: 12px;
    cursor: pointer;
    transition: all ease 0.3s;
  }
  .jruyc img {
    float: left;
  }
  .jruyc p {
    float: left;
    width: calc(100% - 60px);
    padding-left: 23px;
    font-size: 14px;
    color: #777777;
    line-height: 23px;
    margin-top: -6px;
    transition: all ease 0.3s;
  }
  .jruyc p span {
    font-size: 14px;
    color: #ff8d28;
    text-decoration: underline;
  }
  .ysfu {
    width: 100%;
    margin-top: 9%;
  }
  .ysfu > img {
    width: 200px;
    margin: 0 auto;
  }
  .ysfua {
    width: 100%;
    background-color: #f6f6f6;
    padding: 5% 0;
  }
  .ysfua .ysjjab {
    width: 98%;
    margin: 0 auto;
  }

  /*联系一瞬*/
  .lxys {
    background-image: url(../img/y74.jpg);
  }
  .lxysa img {
    width: 270px;
  }
  .lxysb {
    width: 100%;
    margin-top: 11%;
  }
  .lxysba {
    margin-top: 35px;
  }
  .lxysba h2 {
    font-size: 1.6rem;
    color: #e7e3ff;
    font-family: Arial;
    font-weight: 900;
    line-height: 22px;
    text-transform: uppercase;
  }
  .lxysba p {
    font-size: 0.9rem;
    color: #4b4e77;
    line-height: 24px;
    background-image: url(../img/y55.png);
    background-size: 100% 10px;
    background-repeat: no-repeat;
    background-position: bottom center;
    display: inline-block;
    padding: 0 3%;
    margin-top: 5px;
  }
  .lxysbb {
    width: 100%;
    margin-top: 10px;
  }
  .lxysbb_a {
    width: 100%;
    margin-top: 10px;
  }
  .lxysbb_a img {
    float: left;
    width: 55px;
  }
  .lxysbb_a p {
    float: left;
    width: calc(100% - 55px);
    padding-left: 4%;
    font-size: 0.8rem;
    color: #82818f;
    line-height: 20px;
    margin-top: 6px;
    height: 44px;
  }
  .lxysbb_a p span {
    display: block;
    font-size: 0.85rem;
    color: #4b4e77;
  }
  .lxysc {
    width: 100%;
    margin: 0 auto;
    background-color: #f6f7fd;
    border: 5px solid #ebeeff;
    padding: 5%;
    margin-top: 8%;
  }
  .lxysca {
    width: 100%;
  }
  .lxyscaa {
    width: 100%;
  }
  .lxyscaa h2 {
    font-size: 2.2rem;
    color: #e7e3ff;
    font-family: Arial;
    font-weight: 900;
    line-height: 30px;
    text-transform: uppercase;
  }
  .lxyscaa p {
    font-size: 0.7rem;
    color: #4b4e77;
    padding-left: 3px;
  }
  .lxyscaa p span {
    font-size: 0.75rem;
    color: #4b4e77;
    font-weight: bold;
    line-height: 14px;
    display: block;
  }
  .lxysca .lxd {
    width: 100%;
    margin-top: 6%;
  }
  .lxyscb {
    width: 24%;
    margin-top: 17px;
    display: none;
  }
  .lxys_ewm {
    width: 100%;
    margin-top: 33px;
  }
  .lxys_ewm img {
    width: 100%;
  }
  .lxyscb p {
    float: left;
    padding-left: 35px;
    font-size: 12px;
    color: #82818f;
    line-height: 42px;
  }
  .lxyscb p:nth-child(1) {
    background-image: url(../img/y161.png);
    background-size: 35px 35px;
    background-position: left center;
    background-repeat: no-repeat;
  }
  .lxyscb p:nth-child(2) {
    background-image: url(../img/y162.png);
    background-size: 35px 35px;
    background-position: left center;
    background-repeat: no-repeat;
    margin-left: 15px;
  }
  .lxysd {
    margin-top: 11%;
    width: 100%;
  }
  .lxysda img {
    width: 340px;
  }
  .ditu {
    width: 100%;
    margin: 0 auto;
    margin-top: 6%;
    border: 5px solid #f7f7f7;
  }
  .lxysdb {
    width: 100%;
    margin: 0 auto;
  }
  .lxysdba {
    width: 100%;
    margin-top: 3%;
  }
  .lxysdba:nth-child(2) h2 {
    color: #ad7ae1;
  }
  .lxysdba:nth-child(3) h2 {
    color: #1a90ff;
  }
  .lxysdba h2 {
    font-size: 0.88rem;
    color: #45c993;
    font-weight: bold;
    line-height: 24px;
  }
  .lxysdba p {
    font-size: 0.8rem;
    color: #82818f;
    line-height: 20px;
    width: 100%;
    margin-top: 8px;
  }

  /*新闻列表页*/
  .xwly {
    background-image: url(../img/y75.jpg);
  }
  .xwla {
    width: 100%;
  }
  .xwla_p {
    width: 29.33%;
    height: 32px;
    line-height: 32px;
    background-color: #fff;
    border-radius: 50px;
    text-align: center;
    margin: 1% 2%;
    transition: all ease 0.3s;
    background-image: url(../img/y190.png);
    background-size: 0% 0%;
    background-repeat: no-repeat;
    background-position: center;
  }
  .xwla_p a {
    font-size: 0.85rem;
    color: #4c4c4c;
    transition: all ease 0.3s;
  }
  .xwla_pa {
    box-shadow: 1px 3px 10px 1px rgba(120, 33, 220, 0.16);
    background-size: 100% 100%;
  }
  .xwla_pa a {
    color: #fff;
  }
  .xwla_p:active {
    box-shadow: 1px 3px 10px 1px rgba(120, 33, 220, 0.16);
    background-size: 100% 100%;
  }
  .xwla_p:active a {
    color: #fff;
  }
  .xwlb {
    width: 100%;
    margin-top: 6%;
  }
  .xwlc {
    width: 100%;
    padding: 5%;
    transition: all ease 0.3s;
  }
  .xwlc_a {
    padding-top: 12px;
  }
  .xwlc_a h2 {
    font-family: Arial;
    font-size: 2rem;
    color: #999999;
    line-height: 22px;
    font-weight: 900;
    transition: all ease 0.3s;
  }
  .xwlc_a .tjzxb_xt {
    width: 15px;
    height: 1px;
    background-color: #eeeeee;
    margin-top: 10px;
  }
  .xwlc_a p {
    font-size: 0.8rem;
    color: #636363;
    line-height: 12px;
    margin-top: 10px;
    transition: all ease 0.3s;
  }
  .xwlc_w {
    width: 70%;
    padding-left: 4%;
    margin-left: 4%;
    border-left: 1px solid #e7e7e7;
    padding-bottom: 9px;
    padding-top: 8px;
  }
  .xwlc_w h2 {
    font-size: 16px;
    color: #3d3d3d;
    line-height: 26px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .xwlc_w p {
    font-size: 12px;
    color: #797979;
    line-height: 22px;
    margin-top: 8px;
    height: 22px;
    overflow: hidden;
  }
  .xwlc_m {
    display: none;
  }
  .xwlc:hover {
    box-shadow: 1px 1px 20px 1px rgba(120, 33, 220, 0.16);
  }
  .xwlc:hover .xwlc_a h2 {
    color: #832dec;
  }
  .xwlc:hover .xwlc_a p {
    color: #832dec;
  }
  .xwlc:hover .xwlc_m img:nth-child(1) {
    top: -20px;
  }
  .xwlc:hover .xwlc_m img:nth-child(2) {
    top: 0;
  }

  /*新闻内页*/
  .xwln {
    width: 100%;
    margin-top: 6%;
    overflow: hidden;
  }
  .xwna {
    width: 100%;
  }
  .xwnaa img {
    width: 240px;
  }
  .xwnb {
    width: 100%;
    margin-top: 18px;
  }
  .xwnba {
    width: 100%;
    margin-bottom: 6%;
  }
  .xwnba h1 {
    width: 100%;
    line-height: 24px;
    position: relative;
    font-size: 1rem;
    color: #3d3d3d;
    background-color: #f7f7f7;
    padding: 2% 0 2% 5%;
  }
  .xwnba h1::after {
    position: absolute;
    content: "";
    width: 2px;
    height: 22px;
    background-color: #9742ff;
    left: 0;
    top: calc(50% - 11px);
  }
  .xwnba p {
    font-size: 0.7rem;
    color: #909090;
    line-height: 20px;
    padding-left: 12px;
    display: none;
  }
  .xwnba p span {
    display: block;
    margin-top: 5px;
  }
  .xwnba p span:nth-child(1) {
    background-image: url(../img/y167.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 20px;
  }
  .xwnba p span:nth-child(2) {
    background-image: url(../img/y168.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 20px;
  }
  .xwnba p span:nth-child(3) {
    background-image: url(../img/y169.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 20px;
  }
  .xwnc {
    width: 100%;
    margin-top: 1%;
  }
  .xwnc p {
    width: 94%;
    margin: 0 auto;
    font-size: 0.85rem;
    color: #797979;
    line-height: 24px;
  }
  .xwnc img {
    display: block;
    margin: 0 auto;
    margin-top: 5%;
    width: 96%;
  }
  .guan_xw {
    margin-top: 8%;
    font-size: 0.85rem;
    display: block;
    color: #797979;
    line-height: 24px;
  }
  .guan_xw a {
    color: #a3a3a3;
    transition: all ease 0.3s;
    font-size: 0.85rem;
  }
  .guan_xw a:hover {
    color: #832dec;
  }
  .xwny {
    display: none;
  }
  .xwnya {
    margin-bottom: 27px;
  }

  /*验证码*/
  .drag {
    width: 100%;
    height: 42px;
    line-height: 42px;
    background-color: #fff;
    position: relative;
    margin: 0 auto;
    border-radius: 8px;
    overflow: hidden;
  }
  .bg {
    width: 50px;
    height: 100%;
    position: absolute;
    background-color: #e4d9f6;
    font-size: 0.8rem;
  }
  .text {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    user-select: none;
    font-size: 0.8rem;
  }
  .btn {
    width: 50px;
    height: 42px;
    position: absolute;
    cursor: move;
    text-align: center;
    background-color: #b343ee;
    user-select: none;
    color: #fff;
    font-size: 0.8rem;
  }

  /*新增板块*/
  .bk {
    width: 100%;
    background-color: #f8f8f8;
    padding: 7% 0;
    margin-top: 7%;
  }
  .bkx {
    margin-top: -5%;
  }
  .bk2 {
    width: 100%;
  }
  .bk2 h5 {
    font-size: 1.05rem;
    color: #3d3d3d;
    font-weight: bold;
    letter-spacing: 1px;
  }
  .bk2 h5 a {
    font-size: 1.05rem;
    color: #3d3d3d;
    font-weight: bold;
  }
  .bk2a {
    width: 100%;
    position: relative;
    margin-top: 5px;
  }
  .bk2a img {
    width: 50%;
    float: left;
  }
  .bk2a p {
    float: right;
    margin-top: -9px;
  }
  .bk2a p a {
    font-size: 0.8rem;
    color: #767676;
    line-height: 22px;
    text-transform: uppercase;
    transition: all ease 0.3s;
  }
  .bk2a p a:hover {
    color: #5e3dd9;
  }
  .bk2a::after {
    position: absolute;
    content: "";
    width: 48%;
    height: 1px;
    background-color: #e6e6e6;
    bottom: 7px;
    right: 0;
  }
  .bk2b {
    width: 104%;
    margin-top: 4%;
    margin-left: -3%;
  }
  .bk2b p {
    width: 26%;
    line-height: 27px;
    display: inline-block;
    background-color: #fff;
    border-radius: 30px;
    text-align: center;
    box-shadow: 1px 3px 15px 0px rgba(94, 30, 203, 0.2);
    transition: all ease 0.3s;
    float: left;
    margin: 1.6% 3.666%;
  }
  .bk2b p a {
    font-size: 0.85rem;
    color: #3e3e3e;
    transition: all ease 0.3s;
  }
  .bk2b p.a {
    background-color: #5e3dd9;
  }
  .bk2b p.a a {
    color: #fff;
  }
  .bk2b p:hover {
    background-color: #5e3dd9;
  }
  .bk2b p:hover a {
    color: #fff;
  }
  .bk2c {
    width: 100%;
    margin-top: 6%;
  }
  .bk2c p {
    width: 100%;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 20px;
    border-bottom: 1px dashed #dcdcdc;
    padding: 4%;
  }
  .bk2c p a {
    font-size: 0.82rem;
    transition: all ease 0.3s;
    color: #797979;
  }
  .bk2c p a span {
    font-size: 0.86rem;
    color: #832dec;
    font-weight: bold;
    font-family: Arial;
    margin-right: 15px;
  }
  .bk2c p:nth-child(1) {
    border-top: 1px dashed #dcdcdc;
  }
  .bk2c p:nth-child(5) {
    display: none;
  }
  .bk2c p:nth-child(6) {
    display: none;
  }
  .bk2c p:hover a {
    color: #7734e9;
  }
  .bk3 {
    width: 100%;
    margin-top: 7%;
  }
  .bk3 h5 {
    font-size: 1.05rem;
    color: #3d3d3d;
    font-weight: bold;
    line-height: 28px;
    letter-spacing: 1px;
  }
  .bk3 h5 a {
    font-size: 1.05rem;
    color: #3d3d3d;
    font-weight: bold;
  }
  .bk3a {
    width: 100%;
    position: relative;
    margin-top: 5px;
  }
  .bk3a img {
    width: 23%;
    float: left;
  }
  .bk3a p {
    float: right;
    margin-top: -8px;
  }
  .bk3a p a {
    font-size: 0.8rem;
    color: #767676;
    line-height: 22px;
    text-transform: uppercase;
    transition: all ease 0.3s;
  }
  .bk3a p a:hover {
    color: #5e3dd9;
  }
  .bk3a::after {
    position: absolute;
    content: "";
    width: 74%;
    height: 1px;
    background-color: #e6e6e6;
    bottom: 7px;
    right: 0;
  }
  .bk3b {
    width: 100%;
    height: 150px;
    overflow: hidden;
    margin-top: 5%;
    padding: 0 4%;
  }
  .bk3b p {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 20px;
    margin-top: 6px;
    transition: all ease 0.3s;
  }
  .bk3b p a {
    font-size: 0.82rem;
    color: #797979;
  }
  .bk3b p img {
    display: inline-block;
    margin-right: 8px;
    position: relative;
    top: 6px;
  }
  .bk3b p:hover a {
    color: #5e3dd9;
  }

  .xwl1 {
    width: 100%;
    padding: 2% 4%;
    transition: all ease 0.3s;
    float: left;
  }
  .xwl1:hover {
    box-shadow: 1px 1px 20px 1px rgba(120, 33, 220, 0.16);
  }
  .xwl1 p {
    font-size: 0.86rem;
    color: #3d3d3d;
    line-height: 26px;
    width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
  }
  .xwl1 p a {
    font-size: 0.86rem;
    color: #3d3d3d;
  }
  .xwl1 p span {
    color: #832dec;
    margin-right: 7px;
    display: inline-block;
    font-size: 0.9rem;
  }
  .xwl1 p span a {
    color: #832dec;
  }
  .xwl1 p b {
    color: #3d3d3d;
  }
  .xwl1 h6 {
    font-family: Arial;
    font-size: 0.82rem;
    color: #999999;
    line-height: 26px;
    transition: all ease 0.3s;
    float: right;
  }

  /*app开发页*/
  .app {
    width: 100%;
    background-image: url(../img/z1.jpg);
    background-repeat: no-repeat;
    background-size: auto auto;
    background-position: center top;
    overflow: hidden;
    margin-top: 22%;
  }
  .appa {
    width: 100%;
  }
  .appa .wlyxb {
    margin-top: 12%;
  }
  .appa .aldh {
    padding: 2% 3%;
    width: 100%;
  }
  .appa .aldh p {
    width: 27%;
    margin: 5px 1%;
  }
  .appa .aldh p:nth-child(3) {
    width: 40%;
  }
  .appy {
    width: 100%;
    background-color: #fff;
    padding-top: 2%;
  }
  .appya {
    margin-top: 8%;
  }
  .appyat {
    width: 60%;
    margin-left: 20%;
  }
  .appyat img {
    width: 100%;
  }
  .appyat img:hover {
    width: 100%;
  }
  .appyaw {
    width: 100%;
  }
  .appy_bt h5 {
    font-family: Arial;
    font-size: 2.2rem;
    font-weight: 900;
    color: #e7e3ff;
    text-transform: uppercase;
    line-height: 32px;
  }
  .appy_bt h6 {
    font-size: 1.2rem;
    color: #414140;
    font-weight: bold;
    line-height: 24px;
    margin-top: -10px;
    letter-spacing: 2px;
    position: relative;
  }
  .appy_bt p {
    font-size: 0.85rem;
    color: #868686;
    line-height: 24px;
    margin-top: 10px;
  }
  .appyawa {
    width: 100%;
    margin-top: 5%;
  }
  .appyawa_a {
    width: 25%;
    border: 1px solid #d6d8fe;
    height: 52px;
    transition: all ease 0.3s;
    background-image: url(../img/z3.png);
    background-size: 0;
    position: relative;
    background-repeat: no-repeat;
    margin-right: -1px;
    margin-bottom: -1px;
  }
  .appyawa_a a {
    display: block;
  }
  .appyawa_a h6 {
    text-align: center;
    font-size: 0.88rem;
    color: #414140;
    letter-spacing: 1px;
  }
  .appyawa_a h6 img {
    display: inline-block;
    position: relative;
    top: 10px;
    margin-right: 6px;
    width: 32px;
  }
  .appyawa_a p {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    text-align: center;
    font-size: 0.7rem;
    line-height: 18px;
    padding-top: 10px;
    color: #fff;
    opacity: 0;
    transition: all ease 0.3s;
  }
  .appyawa_a p span {
    display: block;
    font-weight: bold;
    color: #fdad00;
    text-decoration: underline;
  }
  .appyawa_a:hover {
    background-size: 100% 100%;
  }
  .appyawa_a:hover h6 {
    opacity: 0;
  }
  .appyawa_a:hover p {
    opacity: 1;
  }
  .appyawa_b {
    width: 74.5%;
    border: 1px solid #d6d8fe;
    height: 52px;
    padding: 10px 0 0 20px;
  }
  .appyawa_b p {
    width: 155px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background-image: url(../img/z25.png);
    background-size: 100% 100%;
    position: relative;
    border-radius: 100px;
    transition: all ease 0.3s;
    box-shadow: 2px 2px 12px 0 rgba(94, 30, 203, 0.2);
  }
  .appyawa_b p a {
    font-size: 0.85rem;
    color: #fff;
    display: block;
  }
  .appyawa_b p:hover {
    transform: translateX(5px);
  }
  .appyb {
    width: 100%;
    margin-top: 10%;
    background-image: url(../img/z3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 8% 0;
  }
  .appyb .appy_bt {
    width: 100%;
    margin: 0 auto;
  }
  .appyb .appy_bt h5 {
    color: #cbc5f0;
    opacity: 0.5;
  }
  .appyb .appy_bt p.fr {
    float: left;
  }
  .appyba {
    width: 120%;
    margin: 0 auto;
    margin-top: 6%;
  }
  .appybb {
    width: 100%;
    height: 180px;
    background-color: #fff;
    border-radius: 15px;
    border: 1px solid #f2f1ff;
    padding: 10px 7% 0 7%;
  }
  .appybb img {
    margin: 0 auto;
    width: 58px;
    transition: all ease 0.3s;
  }
  .appybb p {
    font-size: 0.85rem;
    color: #868686;
    line-height: 22px;
    width: 100%;
    margin-top: 10px;
    text-align: center;
  }
  .appybb p br {
    display: none;
  }
  .appybb p span {
    display: block;
    font-size: 1rem;
    color: #454353;
    font-weight: bold;
    margin-bottom: 5px;
  }
  .appybb:hover img {
    transform: rotate(10deg);
  }
  .appyb_m {
    width: 210px;
    height: 42px;
    line-height: 42px;
    margin: 0 auto;
    margin-top: 8%;
    text-align: center;
    background-color: #6f55eb;
    border-radius: 50px;
    transition: all ease 0.3s;
    box-shadow: 3px 3px 17px 0 rgba(69, 117, 220, 0.3);
  }
  .appyb_m a {
    font-size: 18px;
    color: #fff;
    display: block;
  }
  .appyb_m:hover {
    transform: translateY(-6px);
  }
  .appyc {
    width: 100%;
    margin: 0 auto;
    margin-top: 8%;
    padding-bottom: 8%;
  }
  .appyc h5 {
    font-size: 1.1rem;
    color: #414140;
    font-weight: bold;
    line-height: 22px;
    letter-spacing: 1px;
  }
  .appyca {
    width: 100%;
    margin-top: 5px;
  }
  .appyca_a {
    width: 100%;
    margin-top: 4%;
  }
  .appyca_a h6 {
    width: 120px;
    height: 27px;
    text-align: center;
    line-height: 20px;
    font-size: 1rem;
    color: #454353;
    background-image: url(../img/z33.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% 24px;
    float: left;
  }
  .appyca_a p {
    float: left;
    font-size: 0.82rem;
    color: #868686;
    line-height: 22px;
    margin-top: 8px;
    padding-left: 20px;
    width: 100%;
  }
  .appyca_a p span {
    color: #9587ee;
    font-size: 0.6rem;
  }
  .appyca_b {
    display: none;
  }
  .appyc .appyb_m {
    margin: 0;
    margin-top: 8%;
  }
  .appyd {
    width: 100%;
    background-image: url(../img/z4.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 8% 0;
  }
  .appyda {
    width: 120%;
    margin: 0 auto;
    margin-top: 8%;
    overflow: hidden;
  }
  .appydd {
    width: 100%;
    margin: 0 auto;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
  }
  .appydd_t {
    width: 100%;
    overflow: hidden;
  }
  .appydd_t img {
    width: 100%;
  }
  .appydd_w {
    width: 100%;
    background-color: #fff;
    height: 60px;
    padding: 0 7% 0 6%;
    overflow: hidden;
  }
  .appydd_w h6 {
    float: left;
    font-size: 2.9rem;
    color: #7546cf;
    opacity: 0.4;
    font-family: Arial;
    font-weight: 900;
    font-style: italic;
    line-height: 45px;
    margin-top: 20px;
  }
  .appydd_w p {
    float: right;
    font-size: 0.95rem;
    color: #333333;
    line-height: 20px;
    font-weight: bold;
    margin-top: 28px;
    letter-spacing: 1px;
  }
  .appydd_a {
    position: absolute;
    width: 90.42%;
    left: 4.79%;
    height: 89.86%;
    top: 5.07%;
    background-color: rgba(101, 51, 206, 0.9);
    padding: 10% 7% 0 6%;
    border-radius: 20px;
    transform: rotateY(-90deg);
    opacity: 0;
    transition: all ease 0.3s;
  }
  .appydd_a h6 {
    font-size: 0.92rem;
    color: #fff;
    line-height: 18px;
    font-weight: bold;
    letter-spacing: 1px;
  }
  .appydd_a p {
    font-size: 0.75rem;
    color: #fff;
    line-height: 20px;
    margin-top: 12px;
    height: 100px;
    overflow: hidden;
  }
  .appydd_m {
    width: 130px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    margin-top: 6%;
    background-image: url(../img/z34.png);
    background-repeat: no-repeat;
    background-size: 100%;
    transition: all ease 0.3s;
    box-shadow: 2px 2px 20px 0 #4575dc;
    border-radius: 30px;
  }
  .appydd_m a {
    font-size: 0.88rem;
    color: #fff;
    display: block;
  }
  .appydd_m:hover {
    transform: scale(0.95);
  }
  .appydd_a h5 {
    position: absolute;
    right: 10px;
    bottom: 0;
    font-size: 2rem;
    color: #fff;
    opacity: 0.15;
    font-family: Arial;
    line-height: 34px;
    font-weight: 900;
  }
  .appydd:hover .appydd_a {
    transform: rotateY(0deg);
    opacity: 1;
  }
  .appydx {
    display: table;
    margin: 0 auto;
    margin-top: 5%;
  }
  .appydx > img {
    display: none;
  }
  .appydx_m {
    width: 230px;
    margin-top: 1%;
  }
  .appydx_m img {
    width: 100%;
  }
  .appye {
    margin-top: 8%;
  }
  .appyea {
    width: 100%;
    margin-top: 6%;
  }
  .appyeb {
    width: 100%;
  }
  .appyeb_a {
    width: 48%;
    padding: 18px 6%;
    box-shadow: 0 0 15px 0 rgba(69, 117, 220, 0.3);
    float: left;
    height: 140px;
  }
  .appyeb_a:nth-child(2) {
    float: right;
  }
  .appyeb_a h6 {
    font-size: 0.85rem;
    color: #c2b7ff;
    line-height: 12px;
    text-transform: uppercase;
  }
  .appyeb_a p {
    font-size: 0.86rem;
    color: #454353;
    line-height: 23px;
    margin-top: 5px;
  }
  .appyeb_a img {
    float: right;
    margin-top: 14px;
    margin-right: 6px;
  }
  .appyec {
    width: 100%;
    margin: 8% 0;
  }
  .appyec img {
    width: 100%;
  }
  .appyed {
    width: 100%;
  }
  .appye_m {
    width: 210px;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    text-align: center;
    background-image: url(../img/z43.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transition: all ease 0.3s;
    margin-top: 8%;
  }
  .appye_m a {
    font-size: 1rem;
    color: #fff;
    font-weight: bold;
    display: block;
  }
  .appye_m:hover {
    transform: scale(0.95);
  }
  .appyf {
    width: 100%;
    background-color: #f8f8f8;
    padding: 8% 0;
    margin-top: 8%;
  }
  .appyfa {
    width: 100%;
    margin: 0 auto;
    margin-top: 6%;
    padding-left: 9px;
    overflow-x: auto;
  }
  .appyfax {
    width: 185%;
    background-image: url(../img/z46.png);
    background-repeat: no-repeat;
    background-size: 100% 5px;
    background-position: left top 57px;
  }
  .appyfa_a {
    width: 10%;
  }
  .appyfa_a p {
    font-size: 0.96rem;
    color: #454353;
    line-height: 18px;
    width: 200%;
  }
  .appyfa_a p span {
    font-size: 1rem;
    color: #3a30e5;
    font-weight: bold;
    margin-right: 4px;
  }
  .appyfa_a img.t1 {
    margin-top: 6px;
    width: 4px;
    margin-left: 8px;
  }
  .appyfa_a img.t2 {
    margin-top: 2px;
    width: 20px;
  }
  .appyfa_aa {
    margin-top: 49px;
  }
  .appyfa_aa img.t2 {
    margin-top: 0px;
  }
  .appyfa_aa p {
    margin-top: 9px;
  }
  .appyg {
    margin-top: 8%;
    padding-bottom: 6%;
  }
  #swiper_ys {
    padding-bottom: 8px;
  }
  .appyga {
    width: 130%;
    margin: 0 auto;
    margin-top: 8%;
  }
  .appygb {
    width: 100%;
    height: 230px;
    border: 1px solid #f2f1ff;
    border-radius: 20px;
    box-shadow: 5px 5px 0 0 #fff0b3;
    padding: 0 16px;
  }
  .appygb span {
    width: 70px;
    height: 4px;
    background-color: #9587ee;
    position: relative;
    top: -1px;
    display: block;
    margin: 0 auto;
  }
  .appygb img {
    width: 60px;
    margin: 0 auto;
    margin-top: 20px;
    transition: all ease 0.3s;
  }
  .appygb h6 {
    text-align: center;
    font-size: 1rem;
    color: #3a30e5;
    line-height: 20px;
    margin-top: 20px;
  }
  .appygb p {
    text-align: center;
    font-size: 0.85rem;
    color: #868686;
    line-height: 24px;
    margin-top: 12px;
  }
  .appygb p br {
    display: none;
  }
  .appygb_a {
    margin-left: 14%;
  }
  .appygb_b {
    margin-left: 26.5%;
  }
  .appygb:hover img {
    transform: rotateY(180deg);
  }

  /*小程序开发页*/
  .xcxa {
    margin-top: 5%;
  }
  .xcxa .appy_bt p br {
    display: none;
  }
  .xcxaa {
    width: 100%;
  }
  .xcxab {
    width: 100%;
  }
  .xcxab_a {
    width: 48%;
    padding: 18px 6%;
    box-shadow: 0 0 12px 0 rgba(69, 117, 220, 0.3);
    float: left;
    height: 140px;
    margin: 2% 0;
  }
  .xcxab_a:nth-child(2n) {
    float: right;
  }
  .xcxab_a h6 {
    font-size: 1rem;
    color: #3a30e5;
    font-weight: bold;
    line-height: 20px;
  }
  .xcxab_a p {
    font-size: 0.8rem;
    color: #868686;
    line-height: 19px;
    margin-top: 8px;
  }
  .xcxac {
    width: 70%;
    margin-top: 5%;
    margin-left: 15%;
  }
  .xcxac img {
    width: 100%;
  }
  .xcxa .appye_m {
    margin-top: 6%;
  }
  .xcxb {
    width: 100%;
    background-image: url(../img/z17.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 8% 0;
    margin-top: 8%;
  }
  .xcxba {
    width: 120%;
    margin: 0 auto;
    margin-top: 6%;
  }
  .xcxbb {
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
  }
  .xcxbb:hover .appydd_t img {
    transform: scale(1.05);
  }

  /*微信公众平台开发页*/
  .weixa {
    margin-top: 8%;
  }
  .weixaa {
    width: 98%;
    margin: 0 auto;
    margin-top: 2%;
  }
  .weixab {
    width: 100%;
  }
  .weixab_a {
    width: 100%;
    margin-top: 6%;
  }
  .weixab_a h6 {
    background-image: url(../img/z60.png);
    width: 130px;
    height: 28px;
    background-repeat: no-repeat;
    background-size: 100% 25px;
    background-position: center bottom;
    font-size: 1.05rem;
    color: #3a30e5;
    font-weight: bold;
    line-height: 20px;
    padding-left: 8px;
  }
  .weixab_a p {
    font-size: 0.82rem;
    color: #868686;
    line-height: 20px;
    padding-left: 6px;
    margin-top: 10px;
  }
  .weixab_a img {
    width: 110%;
    margin-top: -20px;
    margin-left: -4%;
  }
  .weixac {
    width: 30.431%;
    margin-left: 6.6845%;
    margin-top: 27px;
    display: none;
  }
  .weixac img {
    width: 100%;
  }
  .weixa .appye_m {
    margin-top: 8%;
  }
  .weixb {
    width: 100%;
    margin-top: 8%;
  }
  .weixba {
    width: 100%;
    margin-top: -1%;
  }
  .weixba img {
    position: relative;
    width: 150%;
    left: -25%;
  }
  .weixbb {
    width: 100%;
    margin: 0 auto;
    margin-top: 6%;
  }
  .weixbb_a {
    width: 25%;
  }
  .weixbb_a img {
    width: 62px;
    margin: 0 auto;
    border-radius: 50%;
    transition: all ease 0.3s;
  }
  .weixbb_a h6 {
    text-align: center;
    font-size: 0.9rem;
    color: #333333;
    font-weight: bold;
    line-height: 16px;
    margin-top: 12px;
  }
  .weixbb_a p {
    text-align: center;
    font-size: 0.55rem;
    color: #868686;
    line-height: 16px;
    margin-top: 5px;
    height: 55px;
    padding: 0 5%;
  }
  .weixbb_a p br {
    display: none;
  }
  .weixbb_a:hover img {
    transform: rotate(15deg);
  }
  .weixc {
    width: 100%;
    background-color: #f8f8ff;
    margin-top: 8%;
    padding: 8% 0;
    margin-bottom: -5%;
  }

  /*抖音代运营页*/
  .xmt {
    width: 100%;
    background-image: url(../img/z32.jpg);
    background-repeat: no-repeat;
    background-size: 1300px auto;
    background-position: center top;
    overflow: hidden;
    padding-top: 22%;
  }
  .xmta .wlyxb {
    margin-top: 9%;
  }
  .xmta .wlyxb h6 {
    text-align: center;
    font-size: 0.8rem;
    color: #fff;
    line-height: 22px;
    margin-top: 4%;
    letter-spacing: 1px;
  }
  .xmta .wlyxb h6 br {
    display: none;
  }
  .xmta .aldh {
    margin-top: 8%;
  }
  .xmta .aldh {
    padding: 4px 15px 0 15px;
  }
  .xmta .aldh p {
    width: auto;
    padding: 0 15px;
  }
  .xmtya {
    margin-top: -1%;
  }
  .xmtya img {
    width: 80%;
    margin: 0 auto;
  }
  .xmtyb {
    margin-top: 3%;
  }
  .xmtyba {
    width: 100%;
    margin: 0 auto;
    margin-top: 6%;
  }
  .xmtybb {
    width: 46%;
    margin: 2%;
    height: 240px;
    border: 1px solid #f2f1ff;
    border-radius: 16px;
    box-shadow: 2px 3px 20px 0 rgba(177, 183, 243, 0.3);
  }
  .xmtybb span {
    width: 60px;
    height: 4px;
    display: block;
    background-color: #9587ee;
    position: relative;
    top: -1px;
    margin: 0 auto;
  }
  .xmtybb img {
    width: 65px;
    margin: 0 auto;
    margin-top: 20px;
  }
  .xmtybb h6 {
    text-align: center;
    font-size: 0.9rem;
    color: #454353;
    font-weight: bold;
    line-height: 24px;
    margin-top: 15px;
  }
  .xmtybb p {
    text-align: center;
    font-size: 0.8rem;
    color: #868686;
    line-height: 22px;
    margin-top: 12px;
    padding: 0 6%;
  }
  .xmtybb p br {
    display: none;
  }
  .xmtyc {
    width: 100%;
    margin-top: 8%;
  }
  .xmtyd {
    width: 100%;
    background-image: url(../img/z33.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 18% 0;
    margin-top: -2%;
  }
  .xmtyda {
    width: 100%;
  }
  .xmtydb {
    width: 46%;
    margin: 2%;
    overflow: hidden;
    position: relative;
    border-radius: 5px;
  }
  .xmtydb img {
    width: 100%;
    transition: all ease 0.3s;
  }
  .xmtydb_w {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: rgba(82, 60, 192, 0.7);
    padding: 6% 5px 5% 6%;
  }
  .xmtydb_w h6 {
    font-size: 0.92rem;
    color: #fff;
    font-weight: bold;
    line-height: 24px;
  }
  .xmtydb_w p {
    margin-top: 6px;
    font-size: 0.8rem;
    color: #fff;
    line-height: 22px;
  }
  .xmtydb_w p br {
    display: none;
  }
  .xmtydb:hover img {
    transform: scale(1.05);
  }
  .xmtye {
    margin-top: 1%;
    margin-bottom: 6%;
  }
  .xmtyea {
    width: 100%;
    margin: 0 auto;
    margin-top: 5%;
  }
  .xmtyeb {
    width: 100%;
    padding: 4%;
  }
  .xmtyeb h5 {
    width: 200px;
    height: 32px;
    background-image: url(../img/z91.png);
    background-repeat: no-repeat;
    background-size: 100% 25px;
    background-position: center bottom;
    padding-left: 22px;
    font-size: 1.1rem;
    color: #454353;
    line-height: 24px;
    letter-spacing: 1px;
  }
  .xmtyeb h6 {
    font-size: 0.95rem;
    color: #9587ee;
    font-weight: bold;
    line-height: 14px;
    margin-top: 12px;
    margin-left: 11px;
    margin-bottom: -5px;
  }
  .xmtyeb_a {
    padding-left: 22px;
    width: 100%;
    margin-top: 8px;
  }
  .xmtyeb_a p {
    font-size: 0.85rem;
    color: #868686;
    line-height: 24px;
    margin-top: 10px;
    position: relative;
    float: left;
    width: auto;
    width: 33%;
  }
  .xmtyeb_a p::after {
    content: "";
    position: absolute;
    left: -12px;
    top: 8px;
    width: 7px;
    height: 7px;
    background-color: #9587ee;
    border-radius: 50%;
  }
  .xmtyec {
    width: 50%;
    margin: 0 auto;
    margin-top: 3%;
  }
  .xmtyec img {
    width: 100%;
  }
  /*	.xmtyed{background-image: url(../img/z92.png);background-repeat: no-repeat;background-position: center;background-size: 100% 100%;}*/
  .xmtyeb_b p {
    width: 100%;
  }
  .xmtyf {
    width: 100%;
    margin-top: 8%;
    margin-bottom: 8%;
  }

  /*微信/微博代运营页*/
  .wbyb .appy_bt p {
    font-size: 0.75rem;
    line-height: 21px;
    margin-top: 8px;
  }
  .wbyb .xmtyba {
    margin-top: 4%;
  }
  .wbyb .xmtybb {
    width: 100%;
  }
  .wbyc {
    margin-top: 6%;
  }
  #swiper_wb {
    padding: 4%;
  }
  .wbyca {
    width: 100%;
    margin-top: 4%;
    background-image: url(../img/z39.jpg);
    height: auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .wbyca h4 {
    width: 170px;
    height: 50px;
    background-color: rgba(99, 71, 234, 0.8);
    border-bottom-right-radius: 30px;
    line-height: 50px;
    text-align: center;
    font-size: 1.1rem;
    color: #fff;
    font-weight: bold;
  }
  .wbycaa {
    width: 100%;
    padding: 8% 5% 5% 5%;
  }
  .wbycaa_a {
    width: 100%;
    margin-top: 24px;
  }
  .wbycaa_a h6 {
    font-size: 1.3rem;
    color: #846cfa;
    font-weight: bold;
    float: left;
    line-height: 18px;
    width: 42px;
  }
  .wbycaa_a p {
    float: left;
    font-size: 0.75rem;
    color: #fff;
    line-height: 18px;
    width: calc(100% - 42px);
  }
  .wbycaa_a p span {
    font-size: 1rem;
    font-weight: bold;
    display: block;
    margin-bottom: 6px;
  }
  .wbycb {
    background-image: url(../img/z40.jpg);
  }
  .wbycc {
    background-image: url(../img/z41.jpg);
  }
  .wbycd {
    background-image: url(../img/z42.jpg);
  }
  .wbycab {
    width: 100%;
    margin-top: 8%;
    padding: 0 3% 5% 3%;
  }
  .wbycab_a {
    width: 33.333%;
    height: 100px;
    padding-top: 16px;
  }
  .wbycab_a img {
    width: 34px;
    margin: 0 auto;
    transition: all ease 0.3s;
  }
  .wbycab_a:hover img {
    transform: rotateY(180deg);
  }
  .wbycab_a p {
    text-align: center;
    font-size: 1rem;
    font-weight: bold;
    color: #fff;
    margin-top: 8px;
  }
  .wbycab_a:nth-child(1),
  .wbycab_a:nth-child(2) {
    border-bottom: 1px solid #5a4e8f;
    border-right: 1px solid #5a4e8f;
  }
  .wbycab_a:nth-child(3) {
    border-bottom: 1px solid #5a4e8f;
  }
  .wbycab_a:nth-child(4),
  .wbycab_a:nth-child(5) {
    border-right: 1px solid #5a4e8f;
  }
  .wbycab_a:nth-child(4),
  .wbycab_a:nth-child(5),
  .wbycab_a:nth-child(6) {
    padding-top: 22px;
  }
  .wbycc .wbycaa {
    width: 50%;
    padding: 8% 5% 5% 5%;
  }
  .wbycz {
    display: table;
    margin: 0 auto;
    margin-top: 8%;
  }
  .wbycz li {
    width: 56px;
    height: 3px;
    background-color: #a4a4a4;
    display: block;
    float: left;
    margin: 0 10px;
    cursor: pointer;
  }
  .wbycz li.on {
    background-color: #9a20e3;
  }
  .wbyd {
    width: 100%;
    background-image: url(../img/z43.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-top: 8%;
    padding: 8% 0;
  }
  .wbyd .appy_bt h5 {
    color: #6455ed;
    opacity: 0.5;
  }
  .wbyd .appy_bt h6 {
    color: #fff;
  }
  .wbyd .appy_bt p {
    text-align: center;
    font-size: 0.75rem;
    color: #fff;
    line-height: 21px;
    margin-top: 8px;
  }
  .wbyd .appy_bt p br {
    display: none;
  }
  .wbyda {
    width: 100%;
    margin: 0 auto;
    margin-top: 4%;
  }
  .wbyda p {
    float: left;
    width: 47%;
    background-color: #fff;
    line-height: 36px;
    height: 36px;
    text-align: center;
    border-radius: 30px;
    font-size: 0.94rem;
    color: #3d3d3d;
    margin: 1.5%;
    cursor: pointer;
    transition: all ease 0.3s;
  }
  .wbyda p.on {
    background-color: #000;
    color: #fff;
  }
  .wbydb {
    width: 100%;
    margin: 0 auto;
    margin-top: 6%;
  }
  .wbydc {
    width: 100%;
  }
  .wbydc_t {
    width: 100%;
    overflow: hidden;
    position: relative;
  }
  .wbydc_t img {
    width: 100%;
  }
  .wbydc_t p {
    position: absolute;
    left: 0;
    bottom: 0;
    min-width: 180px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    border-top-right-radius: 20px;
    background-color: #322f2a;
    font-size: 0.95rem;
    color: #fff;
    font-weight: bold;
  }
  .wbydc_w {
    width: 100%;
  }
  .wbydc_wa {
    width: 100%;
    border: 1px dashed #a970f4;
    margin-bottom: -1px;
    padding: 4%;
    transition: all ease 0.3s;
  }
  .wbydc_wa h6 {
    float: left;
    font-size: 1.3rem;
    color: #9864ff;
    font-weight: bold;
    line-height: 18px;
    border-bottom: 4px solid #9864ff;
    padding-bottom: 9px;
    margin-top: 4px;
  }
  .wbydc_wa p {
    float: left;
    font-size: 0.75rem;
    color: #fff;
    line-height: 20px;
    margin-left: 5%;
    width: calc(95% - 60px);
  }
  .wbydc_wa p span {
    display: block;
    font-size: 1rem;
    font-weight: bold;
    margin-bottom: 5px;
  }
  .wbydc_wa:hover {
    background-color: #6532d9;
  }
  .wbye {
    margin-top: 8%;
  }
  .wbye .appy_bt p {
    text-align: center;
    font-size: 0.75rem;
    color: #868686;
    line-height: 21px;
    margin-top: 8px;
  }
  .wbye .appy_bt p br {
    display: none;
  }
  .wbyea {
    width: 100%;
    margin-top: 6%;
  }
  .wbyea_a {
    width: 50%;
    height: 180px;
    padding-top: 20px;
  }
  .wbyea_a:nth-child(1) {
    border-right: 1px dashed #dedceb;
  }
  .wbyea_a:nth-child(3) {
    border-right: 1px dashed #dedceb;
  }
  .wbyea_a:nth-child(1),
  .wbyea_a:nth-child(2) {
    border-bottom: 1px dashed #dedceb;
  }
  .wbyea_a img {
    width: 66px;
    margin: 0 auto;
    transition: all ease 0.3s;
  }
  .wbyea_a:hover img {
    transform: translateY(-6px);
  }
  .wbyea_a h6 {
    text-align: center;
    font-size: 0.95rem;
    color: #414140;
    font-weight: bold;
    line-height: 22px;
    margin-top: 12px;
    letter-spacing: 1px;
  }
  .wbyea_a p {
    font-size: 0.75rem;
    color: #868686;
    line-height: 18px;
    margin-top: 10px;
    text-align: center;
  }
  .wbyf {
    margin-top: 8%;
    width: 100%;
    background-image: url(../img/z48.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 8% 0;
    margin-bottom: -5%;
  }
  .wbyf .appy_bt p {
    text-align: center;
    font-size: 0.75rem;
    color: #868686;
    line-height: 21px;
    margin-top: 8px;
  }
  .wbyf .appy_bt p br {
    display: none;
  }
  .wbyfa {
    width: 100%;
    margin: 0 auto;
    margin-top: 6%;
  }
  .wbyfa img {
    width: 100%;
  }
  .wbyg {
    margin-top: 8%;
    margin-bottom: 5%;
  }
  .wbyg .appy_bt {
    margin-bottom: 6%;
  }
  .wbyg .appy_bt span {
    width: 32px;
    height: 4px;
    display: block;
    margin: 0 auto;
    margin-top: 10px;
    background-color: #fbd539;
  }
  .wbyg .appy_bt p {
    text-align: center;
    font-size: 0.75rem;
    color: #868686;
    line-height: 21px;
    margin-top: 8px;
  }
  .wbyga {
    width: 100%;
  }
  .wbyga img {
    float: left;
    width: 20%;
    border-radius: 50%;
    box-shadow: 4px 0 18px 0 rgba(191, 191, 243, 0.54);
  }
  .wbyga p {
    float: left;
    width: 30%;
    font-size: 1rem;
    color: #454353;
    line-height: 16px;
    margin-top: 4%;
    padding-left: 15px;
    background: url(../img/y83.png);
    background-size: auto;
    background-repeat: repeat-x;
    background-position: left top 22px;
    margin-bottom: 8%;
  }
  .wbyga p span {
    color: #9e99ef;
    font-weight: bold;
    display: block;
    text-transform: uppercase;
    line-height: 14px;
    margin-bottom: 20px;
  }

  /*一瞬简介页修改2021.7.16*/
  .gy16a {
    width: 100%;
    background-color: #fafbfe;
    margin-top: 8%;
    padding: 8% 0;
  }
  .gy16a-x {
    width: 92%;
    margin: 0 auto;
  }
  .gy16a_w {
    width: 100%;
    float: none;
    margin-top: 6%;
  }
  .gy16a_w .yslc_top h2 {
    width: 160%;
    font-size: 1.6rem;
  }
  .gy16a_wa {
    width: 100%;
    margin-top: 10px;
  }
  .gy16a_wa h6 {
    font-size: 0.95rem;
    color: #454353;
    line-height: 26px;
  }
  .gy16a_wa p {
    font-size: 0.85rem;
    color: #747474;
    line-height: 24px;
    margin-top: 16px;
  }
  .gy16a_t {
    width: 60%;
    float: none;
    margin: 0 auto;
  }
  .gy16a_t img {
    width: 100%;
  }
  .gy16b {
    width: 92%;
    margin: 0 auto;
    margin-top: 8%;
  }
  .gy16b_t {
    width: 60%;
    float: none;
    margin: 0 auto;
  }
  .gy16b_t img {
    width: 100%;
  }
  .gy16c {
    margin-top: 8%;
  }
  .gy16c .gy16a_t {
    width: 60%;
    float: none;
    margin: 0 auto;
  }
  .gy16d {
    width: 92%;
    margin: 0 auto;
    margin-top: 6%;
  }
  .gy16d_t {
    width: 60%;
    float: none;
    margin: 0 auto;
  }
  .gy16d_t img {
    width: 100%;
  }

  @media (min-width: 350px) {
    /*	.sjdha_t2{width: 34px;top: calc(50% - 11px);}*/
    .ysfwc_w h3 a {
      font-size: 0.75rem;
    }
    .gygyx_a {
      padding-left: 2%;
    }
    .wltgba_ca:nth-child(2) {
      margin: 0 3%;
    }
    .ysjjaa h4 {
      font-size: 0.9rem;
      padding: 0 5px;
    }
  }

  @media (min-width: 374px) {
    .youshib_a p {
      height: 144px;
    }
    .gygyx_a {
      padding-left: 4.6%;
    }
    .gygyx_a p {
      font-size: 0.75rem;
    }
    .yszxca {
      height: 210px;
    }
    .sylxd p span {
      font-size: 0.6rem;
    }
    .sylxd p {
      font-size: 0.85rem;
    }
    .wzjsb_h6 {
      width: 55px;
      height: 55px;
      margin-left: 12px;
    }
    .wzjsc_h6 {
      width: 56px;
      height: 56px;
      margin-left: 12px;
    }
    .wzjsd_h6 {
      width: 64px;
      height: 64px;
      margin-left: 12px;
    }
    .wlyxcb_a img {
      width: 54px;
    }
    .wlyxcb_a p {
      font-size: 0.8rem;
    }
    .wlyxd_w {
      width: 96%;
    }
    .wltgba_ca:nth-child(2) {
      margin: 0 6%;
    }
    .ydyxdb_a {
      height: 470px;
    }
    .dstgc1a {
      height: 310px;
    }
    .dstgj1 img {
      width: 330px;
    }
    .wlggba3 p {
      font-size: 0.8rem;
    }
    .aldh {
      padding: 4px 45px 0 45px;
    }
    .alnba {
      width: 320px;
      padding: 7px 38px 10% 40px;
    }
    .alnba_t {
      height: 154px;
    }
    .gydh {
      padding: 2% 3%;
    }
    .ysjjab_a {
      padding: 4% 6%;
    }
    .ysjjba h2 {
      font-size: 1rem;
    }
    .ysjjaa h4 {
      font-size: 0.92rem;
      padding: 0 5px;
    }
    .ysjjac h2 {
      font-size: 0.95rem;
    }
    .xwlc_w {
      width: 75%;
    }
    .wltgeca p {
      font-size: 0.8rem;
    }
  }

  @media (min-width: 400px) {
    .gygyx_a {
      padding-left: 6.5%;
    }
    .sylxd p span {
      font-size: 0.65rem;
    }
    .sylxd p {
      font-size: 0.89rem;
    }
    .wltgba_ca:nth-child(2) {
      margin: 0 8%;
    }
    .ydyxdb_a {
      height: 480px;
    }
  }

  @media (min-width: 414px) {
    .gygyx_a {
      padding-left: 7%;
    }
    .yszxab_p {
      width: 22%;
      margin: 2% 1.5%;
    }
    .yszxab_m {
      width: 22%;
      margin: 2% 1.5%;
    }
    .yszxab_m a {
      font-size: 0.8rem;
    }
    .wltgba_ca:nth-child(2) {
      margin: 0 10%;
    }
    .wlggd5 {
      height: 240px;
      padding: 8% 2% 0 2%;
    }
    .alnba {
      width: 340px;
      padding: 8px 40px 10% 42px;
    }
    .alnba_t {
      height: 163px;
    }
  }

  @media (min-width: 450px) {
    .ysfwa img {
      width: 220px;
    }
    .ysfwc_w h3 a {
      font-size: 0.72rem;
    }
    .youshia p {
      margin-top: -28px;
    }
    .youshib_a p {
      height: 120px;
    }
    .ysalb_p {
      width: 21%;
      margin: 2% 2%;
    }
    .gygyx_a {
      padding-left: 8%;
    }
    .yszxca {
      height: 220px;
    }
    .wlyxeb_a {
      height: 260px;
    }
    .wltgdb {
      padding: 14% 0 10% 10%;
    }
    .wltgec p {
      font-size: 0.85rem;
    }
    .wltgeca:nth-child(2) p {
      margin-top: -2%;
      padding-bottom: 2%;
    }
    .ydyxhaa img {
      top: -25px;
      width: 65px;
    }
    .dstgb1 p {
      background-size: 100% 18px;
      font-size: 1.05rem;
      line-height: 28px;
      margin-top: 3%;
      padding-left: 14px;
    }
    .ryzzad {
      width: 50%;
    }
    .ryzzae {
      width: 60%;
      margin-top: 8%;
      padding: 8% 4% 5% 12%;
    }
  }

  @media (min-width: 500px) {
    .sjdha_t2 {
      width: 40px;
      top: calc(50% - 13px);
    }
    .sjdha_t1 {
      width: 41%;
    }
    .ysfwc_w h3 a {
      font-size: 0.78rem;
    }
    .ysfwc_m {
      width: 50%;
      left: 25%;
    }
    .ysala img {
      width: 230px;
    }
    .gygyx_a {
      padding-left: 9%;
    }
    .yszxab_p {
      font-size: 0.95rem;
    }
    .yszxab_m a {
      font-size: 0.95rem;
    }
    .sylxac_aa {
      width: 50%;
      float: left;
    }
    .sylxac_a h2 {
      margin-right: 40%;
    }
    .sylxd p span {
      font-size: 0.75rem;
    }
    .sylxd p {
      font-size: 1rem;
    }
    .wzjsb_h6 {
      width: 64px;
      height: 64px;
      margin-left: 15px;
    }
    .wzjsc_h6 {
      width: 64px;
      height: 64px;
      margin-left: 15px;
    }
    .wzjsd_h6 {
      width: 68px;
      height: 68px;
      margin-left: 18px;
    }
    .wlyxd_w {
      width: 90%;
    }
    .wlyxd_t {
      width: 55%;
    }
    .wlyxeb_a {
      padding-top: 6%;
    }
    .wlyxgb {
      width: 70%;
    }
    .wlyxib_w p {
      width: 50%;
    }
    .lxd {
      width: 90%;
    }
    .wltgba_ca:nth-child(2) {
      margin: 0 16%;
    }
    .wltgbb {
      width: 55%;
    }
    #swiper_sjyx {
      width: 140%;
    }
    .ydyxdb_a {
      height: 490px;
    }
    .dstgc1a {
      height: 300px;
    }
    .qdstgd1a1 h4 {
      bottom: -30%;
    }
    .dstgj1 img {
      width: 360px;
    }
    .wlggd5 {
      height: 260px;
      padding: 8% 2% 0 2%;
    }
    .wlggg1 {
      height: 250px;
      padding-top: 8%;
    }
    .allx_p {
      width: 18%;
    }
    .hzkhb_a {
      width: 29.333%;
      margin: 3% 2%;
    }
    .ymb {
      width: 32px;
      height: 32px;
      margin: 0 7px;
    }
    .yma {
      width: 32px;
      height: 32px;
      margin: 0 7px;
      line-height: 32px;
    }
    .ysjjab_a {
      width: 29.333%;
      padding: 4% 4%;
      margin: 3% 2%;
    }
    .yslcc {
      width: 260px;
    }
    .qywhabb p span {
      padding-right: 25px;
    }
    .ryzzae p {
      font-size: 0.85rem;
      line-height: 24px;
      margin-top: 7%;
    }
    .ryzzae p span {
      line-height: 22px;
      margin-top: 6%;
    }
    .xwlc_w {
      width: 84%;
    }
    .appyawa_a {
      width: 20%;
    }
    .appyawa_b {
      width: 79.5%;
      border: 1px solid #d6d8fe;
      height: 52px;
      padding: 10px 0 0 20px;
    }
    .appyba {
      width: 100%;
    }
    .appyda {
      width: 100%;
    }
    .appyfax {
      width: 165%;
    }
    .appyga {
      width: 100%;
    }
    .xcxba {
      width: 100%;
    }
    .weixbb_a p {
      font-size: 0.65rem;
      line-height: 18px;
      height: 66px;
    }
    .wbyga p {
      margin-bottom: 11%;
    }
  }

  @media (min-width: 550px) {
    .ysfwc_m {
      width: 40%;
      left: 30%;
    }
    .sygya_w h2 {
      font-size: 1.2rem;
      margin-top: 35%;
    }
    .sygya_w h3 {
      font-size: 1.1rem;
      line-height: 26px;
      margin-top: 4%;
    }
    .sygya_w p {
      line-height: 24px;
      margin-top: 8%;
    }
    .sygya_w p a {
      font-size: 0.8rem;
      color: #a939ef;
    }
    .gygyx_a {
      padding-left: 11%;
    }
    .gygyx_a h1 {
      font-size: 2.2rem;
      color: #5d51dd;
      line-height: 40px;
    }
    .gygyx_a p {
      font-size: 0.8rem;
      color: #747474;
      line-height: 18px;
    }
    .yszxca {
      height: 280px;
    }
    .wlyxb h2 {
      font-size: 2.3rem;
    }
    .wlyxb p {
      font-size: 1.5rem;
      line-height: 20px;
      margin-top: -6px;
    }
    .wlyxcb_a img {
      width: 66px;
    }
    .wlyxcb_a p {
      font-size: 1rem;
      line-height: 26px;
    }
    .wlyxea h2 {
      font-size: 2.8rem;
      line-height: 34px;
    }
    .wlyxea p {
      font-size: 1.5rem;
      line-height: 26px;
    }
    .wlyxeb_a img {
      width: 72px;
    }
    .wlyxeb_a {
      height: 270px;
    }
    .wlyxga h2 {
      font-size: 2.8rem;
      line-height: 34px;
    }
    .wlyxga p {
      font-size: 1.5rem;
      line-height: 26px;
    }
    .wlyxhaa h2 {
      font-size: 2.8rem;
      line-height: 34px;
    }
    .wlyxhaa p {
      font-size: 1.5rem;
      line-height: 26px;
    }
    .wlyxia h2 {
      font-size: 2.8rem;
      line-height: 34px;
    }
    .wlyxia p {
      font-size: 1.5rem;
      line-height: 26px;
    }
    .wltgca h2 {
      font-size: 2.8rem;
      line-height: 34px;
    }
    .wltgca p {
      font-size: 1.5rem;
      line-height: 26px;
    }
    .wltgda h2 {
      font-size: 2.8rem;
      line-height: 34px;
    }
    .wltgda p {
      font-size: 1.5rem;
      line-height: 26px;
    }
    .wltgdb {
      padding: 12% 0 8% 10%;
    }
    .wltgdb p {
      width: 80%;
    }
    .wltgea h2 {
      font-size: 2.8rem;
      line-height: 34px;
    }
    .wltgea p {
      font-size: 1.5rem;
      line-height: 26px;
    }
    .wltg_ala h2 {
      font-size: 2.8rem;
      line-height: 34px;
    }
    .wltg_ala p {
      font-size: 1.5rem;
      line-height: 26px;
    }
    .wltgeca:nth-child(2) p {
      margin-top: 2%;
      padding-bottom: 2%;
    }
    .ydyxda h2 {
      font-size: 2.8rem;
      line-height: 34px;
    }
    .ydyxda p {
      font-size: 1.5rem;
      line-height: 26px;
    }
    .ydyxdb_a {
      height: 500px;
    }
    .ydyxe_top h2 {
      font-size: 2.8rem;
      line-height: 34px;
    }
    .ydyxe_top p {
      font-size: 1.5rem;
      line-height: 26px;
    }
    .ydyxhaa img {
      top: -30px;
      width: 75px;
    }
    .sjyx_alaa h2 {
      font-size: 2.8rem;
      line-height: 34px;
    }
    .sjyx_alaa p {
      font-size: 1.5rem;
      line-height: 26px;
    }
    .dstgb1 h2 {
      font-size: 2.8rem;
      line-height: 34px;
    }
    .dstgb1 h3 {
      font-size: 1.5rem;
      line-height: 26px;
    }
    .dstgc > h2 {
      font-size: 2.8rem;
      line-height: 34px;
    }
    .dstgc h3 {
      font-size: 1.5rem;
      line-height: 26px;
    }
    .dstgd h2 {
      font-size: 2.8rem;
      line-height: 34px;
    }
    .dstgd h3 {
      font-size: 1.5rem;
      line-height: 26px;
    }
    .qdstgd1a1 h4 {
      bottom: -28%;
    }
    .dstge h2 {
      font-size: 2.8rem;
      line-height: 34px;
    }
    .dstge h3 {
      font-size: 1.5rem;
      line-height: 26px;
    }
    .dstgi2 h2 {
      font-size: 2.8rem;
      line-height: 34px;
    }
    .dstgi2 h3 {
      font-size: 1.5rem;
      line-height: 26px;
    }
    .dstgj {
      padding: 5% 0;
    }
    .dstgj1 img {
      width: 390px;
    }
    .wlggba2 h2 {
      font-size: 2.8rem;
      line-height: 34px;
    }
    .wlggba2 h3 {
      font-size: 1.5rem;
      line-height: 26px;
    }
    .wlggc h2 {
      font-size: 2.8rem;
      line-height: 34px;
    }
    .wlggc h3 {
      font-size: 1.5rem;
      line-height: 26px;
    }
    .wlggd1 h2 {
      font-size: 2.8rem;
      line-height: 34px;
    }
    .wlggd1 p {
      font-size: 1.5rem;
      line-height: 26px;
    }
    .wlgge h2 {
      font-size: 2.8rem;
      line-height: 34px;
    }
    .wlgge h3 {
      font-size: 1.5rem;
      line-height: 26px;
    }
    .wlggf h2 {
      font-size: 2.8rem;
      line-height: 34px;
    }
    .wlggf h3 {
      font-size: 1.5rem;
      line-height: 26px;
    }
    .alnba {
      width: 470px;
      padding: 11px 56px 9% 58px;
    }
    .alnba_t {
      height: 226px;
    }
    .alnda img {
      width: 40px;
      margin: 0 auto;
    }
    .alnda p {
      line-height: 26px;
      font-size: 1rem;
      color: #3d3d3d;
      text-align: center;
      height: 40px;
      margin-top: 8px;
    }
    .alnda h6 {
      line-height: 24px;
      font-family: Arial;
      font-size: 1.4rem;
      color: #e11d11;
      font-weight: 900;
      text-align: center;
      margin-top: 15px;
    }
    .alnda img:nth-child(3) {
      margin: 0 auto;
      height: 24px;
      margin-top: 10px;
      width: auto;
      margin-bottom: 5px;
    }
    .gydh .aldh_p {
      width: 22%;
      margin: 5px 1.5%;
    }
    .ysjjbb_a {
      width: 25%;
      margin-top: 3%;
    }
    .ysjjb {
      padding: 5% 0;
    }
    .lxysbb_a {
      width: 50%;
    }
    .wltgeca img {
      width: 12%;
    }
    .wltgeca p {
      width: 21.33%;
      font-size: 0.8rem;
      color: #454353;
      background-image: url(../img/y83.png);
      background-repeat: repeat-x;
      background-size: 100% 1px;
      background-position: left bottom;
      line-height: 16px;
      margin-top: 1%;
      padding-left: 12px;
      padding-bottom: 2%;
      margin-bottom: 8%;
    }
    .xmt {
      background-size: 1500px auto;
    }
    .wbyga p {
      margin-top: 6%;
    }
  }

  @media (min-width: 600px) {
    .ysfwa p {
      font-size: 1.4rem;
    }
    .ysfwa img {
      width: 280px;
    }
    .youshia p {
      font-size: 1.4rem;
      line-height: 26px;
      margin-top: -32px;
    }
    .youshia img {
      width: 100%;
      margin-left: 0%;
    }
    .youshib_a p {
      height: 90px;
    }
    .youshi {
      padding: 8% 0;
    }
    .ysala p {
      font-size: 1.4rem;
      line-height: 26px;
    }
    .ysala img {
      width: 250px;
    }
    .ysalb_p {
      width: 20%;
      margin: 2% 2.5%;
    }
    .yskba img {
      width: 530px;
    }
    .sykha p {
      font-size: 1.4rem;
      line-height: 26px;
    }
    .sykha img {
      width: 440px;
    }
    .sygyza p {
      font-size: 1.4rem;
      line-height: 26px;
    }
    .sygyza img {
      width: 300px;
    }
    .gygyx_a h1 {
      font-size: 2.8rem;
      color: #5d51dd;
      line-height: 50px;
    }
    .gygyx_a p {
      font-size: 0.9rem;
      color: #747474;
      line-height: 22px;
    }
    .yszxaa p {
      font-size: 1.4rem;
      line-height: 26px;
    }
    .yszxaa img {
      width: 320px;
    }
    .sylxaa p {
      font-size: 1.4rem;
    }
    .sylxaa img {
      width: 380px;
    }
    .sylxb > h2 {
      font-size: 3.3rem;
      line-height: 40px;
    }
    .wlyxeb_a {
      height: 290px;
    }
    .wlyxib_a {
      width: 80%;
    }
    .lxd {
      width: 82%;
    }
    .lxb {
      width: 82%;
    }
    #swiper_sjyx {
      width: 120%;
    }
    .wltgdb p {
      width: 70%;
    }
    .wltgec p {
      margin-top: 2%;
    }
    .wltg_alda img:nth-child(1) {
      width: 42px;
    }
    .wltg_alda p {
      font-size: 1rem;
      line-height: 24px;
      height: 48px;
    }
    .wltg_alda h6 {
      font-size: 1.4rem;
      line-height: 26px;
      margin-top: 20px;
    }
    .wltg_alda img:nth-child(3) {
      width: 80px;
      margin: 0 auto;
      margin-top: 18px;
      height: 28px;
    }
    .ydyxdb_a {
      height: 510px;
    }
    .wlggc1a {
      width: 14%;
      margin: 2% 3%;
    }
    .wlggc1a p {
      font-size: 1rem;
    }
    .wlggc1a:nth-child(4) {
      margin-left: 3%;
    }
    .wlggc1a:nth-child(5) {
      margin-left: 3%;
    }
    .alnba {
      margin-left: 2%;
    }
    .alnbb {
      position: absolute;
      right: 2%;
      bottom: 0;
    }
    .ysjjab_a {
      width: 29.333%;
      padding: 3% 5%;
      margin: 2% 2%;
    }
    .ryzzae p {
      font-size: 0.9rem;
      line-height: 26px;
      margin-top: 8%;
    }
    .ryzzae p span {
      line-height: 22px;
      margin-top: 7%;
    }
    .appydd_a p {
      font-size: 0.78rem;
      line-height: 22px;
      margin-top: 18px;
      height: 110px;
    }
    .appydd_m {
      margin-top: 8%;
    }
    .appyfax {
      width: 145%;
    }
    .weixbb_a p br {
      display: block;
    }
  }

  @media (min-width: 650px) {
    .sjdha_t2 {
      width: 46px;
      top: calc(50% - 13px);
    }
    .sjdha_t1 {
      width: 40%;
    }
    .ysfwc_m {
      width: 35%;
      left: 32.5%;
    }
    .yszxca {
      height: 360px;
    }
    .wlyxd_w {
      width: 85%;
    }
    .wlyxd_t {
      width: 52%;
    }
    .wlyxeb_a {
      height: 300px;
    }
    .wlyxgb {
      width: 65%;
    }
    #swiper_sjyx {
      width: 110%;
    }
    .ydyxdb_a {
      height: 520px;
    }
    .qdstgd1a1 h4 {
      bottom: -25%;
    }
    .alld {
      position: relative;
      width: 46%;
      margin: 3% 2%;
    }
    .alnba {
      margin-left: 4%;
    }
    .alnbb {
      position: absolute;
      right: 4%;
      bottom: 0;
    }
    .hzkhb_a {
      width: 22%;
      margin: 3% 1.5%;
    }
    .jruy {
      width: 36%;
      margin-top: 0;
    }
    .jruz {
      width: 60%;
    }
    .jruya {
      margin-bottom: 12%;
    }
    .xwlc_w {
      width: 86%;
    }
    .wltgeca p {
      margin-bottom: 10%;
    }
  }

  @media (min-width: 767px) {
    .sjdhgd {
      max-width: 768px;
      left: calc(50% - 384px);
      overflow: hidden;
    }
    .yszxca {
      height: 460px;
    }
    .alnba {
      margin-left: 6%;
    }
    .alnbb {
      position: absolute;
      right: 6%;
      bottom: 0;
    }
    .wbyga img {
      width: 11%;
    }
    .wbyga p {
      width: 14%;
      margin-top: 2%;
    }
  }
}