* {
    margin: 0;
    padding: 0;
}

ul, li {
    list-style: none;
}

.tmallguojidaiyunying h2{
    font-size: .48rem;
    padding-bottom: .15rem;
}

.banner {
    position: relative;
    width: 100%;
    height: 100%;
    color: #fff;
}
.mobile-banner{
    display: none;
    position: relative;
}
.banner img {
    display: inherit;
    width: 100%;
    height: 100%;
}
.pc-banner .text{
    width: 80%;
    position: absolute;
    top:1.5rem;
    left:3.5rem;
}
.pc-banner .textx{
    width: 80%;
    position: absolute;
    top:1.8rem;
    left:3.5rem;
}
.mobile-banner .text{
    width: 100%;
    position: absolute;
    top:.35rem;
    left:.7rem;
}
.text .headline{
    width: 100%;
    font-size: .6rem;
    margin-bottom: .5rem;
    font-weight: bold;
    color: #ffffff;
}
.textx .headline{
    font-size: .4rem;
    color: #ffffff;
    margin-bottom: .3rem;
}
.textx-head{
    font-size: 1.55rem;
    color: #feac1a;
}
.textx-text{
    font-size: .48rem;
    color: #ffffff;
    font-weight: bold;
}
.text p{
    font-size: .24rem;
    margin-bottom: .2rem;
}
.textImg{
    display: inline-block !important;
    width: .19rem !important;
    margin-right: .15rem;
}
.jump{
    margin-top: .5rem;
    cursor: pointer;
    font-size: .3rem;
    font-weight: bold;
    color: #333333 !important;
    text-align: center;
    width: 3.2rem;
    height: .8rem;
    line-height: .8rem;
    background: #ffbc07;
    border-radius: .3rem;
    -webkit-border-radius: .3rem;
    -moz-border-radius: .3rem;
    -ms-border-radius: .3rem;
    -o-border-radius: .3rem;
}
.mobile-banner .jump {
    position: absolute;
    bottom: .25rem;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
.serviceItems {
    padding: .2rem 0 .4rem;
    background: #f4f4f4;
}
.serviceItems h2{
    color: #9c12f6;
    font-weight: bold;
    margin-bottom: .3rem;
}
.serviceItemsImg {
    display: block;
    width: 100%;
}
.promoteData{
    margin-bottom: .15rem;
}
.promoteList{
    background: #ffffff;
    padding: .25rem .4rem 0;
    height: 4.2rem;
    border-radius: .1rem;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    -ms-border-radius: .1rem;
    -o-border-radius: .1rem;
    margin-bottom: .15rem;
}
.promoteList img{
    display: inline-block;
    width: .85rem;
    margin-bottom: .2rem;
}
.typeTitle{
    font-size: .36rem;
    font-weight: bold;
    color: #333333;
    margin-bottom: .25rem;
}
.typeText{
    font-size: .24rem;
    color: #999999;
    text-align: justify;
}
.text div{
    color: #666666;
    font-size: .24rem;
    margin-bottom: .2rem;
}
.promoteContent .title{
    font-weight: bold;
    color: #333333;
}
.promoteContent .text{
    text-align: center;
    width: 1.8rem;
}
.promoteContent .text.special {
    width: 2.2rem;
}
.promoteContent .text.jiantou {
    width: 1.2rem;
}
.mobilefenxi{
    display: none;
    width: 100%;
}
.mobilefenxi img{
    display: block;
    width: 100%;
    margin: .15rem 0 0;
}

.clicks{
    cursor: pointer;
    width: 2.9rem;
    height: .8rem;
    line-height: .8rem;
    background: #333333;
    color: #ffffff;
    font-size: .24rem;
    font-weight: bold;
    text-align: center;
    border-radius: .15rem;
    -webkit-border-radius: .15rem;
    -moz-border-radius: .15rem;
    -ms-border-radius: .15rem;
    -o-border-radius: .15rem;
    margin: .3rem auto 0;
}
.anli h2{
    color: #9c12f6;
    padding: .1rem;
}
.anli {
    background: #061923;
}
.lunbo .banners {
    position: relative;
    width: calc(100% - .6rem);
    margin:  0 auto;
}
.lunbo .swiper-container {
    width: 100%;
    padding: 0 .2rem;
}
.lunbo .img{
    width: 5.6rem;
}
.lunbo .img img{
    display: block;
    width: 100%;
}
.lunbo .swiper-button-prev, .lunbo .swiper-button-next{
    width: 1.05rem;
    height: 1.05rem;
    background-image: none;
    outline: none;
}
.lunbo .swiper-button-prev img{
    width: 1.05rem;
    height: 1.05rem;
}
.lunbo .swiper-button-next img{
    width: 1.05rem;
    height: 1.05rem;
}
.slides{
    width: 15rem;
    margin: 0 auto;
}
.bg{
    padding-right: .5rem;
}
.anliImg{
    width: 100%;
    display: block;
}
.lunbo .flex{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.mgb .flex > div{
    width: 1.68rem;
}
.mgbs .title{
    margin-bottom: .1rem !important;
}
.lunbo .texts{
    width: 7.15rem;
    padding: 0 .4rem 0 1.4rem;
}
.lunbo .textss {
    width: 8.2rem;
}
.texts .title{
    font-size: .24rem;
    color: #ffffff;
    font-weight: bold;
    margin-bottom: .2rem;
}
.texts .content{
    font-size: .24rem;
    color: #999999;
    text-align: justify;
}
.texts-title{
    font-size: .36rem;
    color: #ffffff;
    margin-bottom: .15rem;
}
.texts-head{
    font-size: .36rem;
    color: #9c12f6;
    position: relative;
}
.texts-head::before{
    position: absolute;
    left: -1rem;
    top: 50%;
    content: '';
    display: inline-block;
    width: .75rem;
    height: .06rem;
    background: #9c12f6;
    border-radius: .03rem;
    -webkit-border-radius: .03rem;
    -moz-border-radius: .03rem;
    -ms-border-radius: .03rem;
    -o-border-radius: .03rem;
}
.mgb{
    margin-bottom: .3rem;
}
.mgbs{
    margin-bottom: .1rem;
}
.num{
    font-size: .3rem;
    color: #ffffff;
    font-weight: bold;
    margin-bottom: .1rem;
}
.tip{
    font-size: .24rem;
    color: #999999;
}
.button{
    width: 2.6rem;
    height: 0.64rem;
    font-size: .24rem;
    text-align: center;
    line-height: .64rem;
    background: #fff;
    margin: .2rem;
    color: #333333;
    border-radius: .15rem;
    -webkit-border-radius: .15rem;
    -moz-border-radius: .15rem;
    -ms-border-radius: .15rem;
    -o-border-radius: .15rem;
}
.button img{
    display: inline-block;
    width: .16rem !important;
    height: .18rem !important;
    margin-right: .05rem;
}
.top .title{
    font-size: .4rem;
    color: #ffffff;
    padding-left: .2rem;
}
.top .title img{
    display: inline-block;
    margin-right: .1rem;
    width:.64rem
}
.zizhi{
    width: 12rem;
    margin: 0 auto;
    position: relative;
    padding: .6rem 0 .8rem;
}
.zizhi-top {
    width: 7.3rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.zizhi-top img{
    display: block;
    width: 3.28rem;
}
.zizhi-top p{
    font-size: .36rem;
    font-weight: bold;
    color: #1a1a1a;
    margin: .2rem 0 0;
}
.zizhi-title{
    font-size: .28rem; 
    color: #999999;
    text-align: center;
    margin: .4rem 0 .2rem;
}
.zizhi-content{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.zizhi-content-type{
    width: 3.85rem;
    height: 5.7rem;
    background: #4D4A53;
    border-radius: .15rem;
    -webkit-border-radius: .15rem;
    -moz-border-radius: .15rem;
    -ms-border-radius: .15rem;
    -o-border-radius: .15rem;
    padding: .25rem 0.325rem;
}
.zizhi-content-type-title{
    font-size: .3rem;
    font-weight: bold;
    color: #ffffff;
    width: 3.2rem;
    height: .8rem;
    border-radius: .15rem;
    -webkit-border-radius: .15rem;
    -moz-border-radius: .15rem;
    -ms-border-radius: .15rem;
    -o-border-radius: .15rem;
    text-align: center;
    line-height: .8rem;
    margin-bottom: .45rem;
}
.zizhi-content-type-text > div{
    font-size: .24rem;
    color: #ffffff;
    line-height: .6rem;
}
.zizhi-content-type-text img{
    display: inline-block;
    width: .17rem;
    margin-right: .07rem;
}
.zizhi1{
    background: #7C48DB;
}
.zizhi2{
    background: #FFBA00;
}
.zizhi3{
    background: #2062E6;
}
.content_photos_one {
    width: 100%;
    height: auto;
    margin: .5rem 0 .3rem;
  }
.content_photos_one .photos_one_list {
    width: 100%;
    height: auto;
    margin: 0;
  }
.content_photos_one .photos_one_list .photos_one_one img {
    display: inline-block;
    width: 100%;
    margin-bottom: .15rem;
  }
.content_photos_one .photos_one_list .photos_one_one p {
    display: inline-block;
    width: 100%;
    height: auto;
    line-height: .2rem;
    font-size: .15rem;
    color: #8f8f8f;
    text-align: center;
  }
.content_photos_two {
    width: 100%;
    height: auto;
    background-color: #f0f0f0;
    padding-bottom: .2rem;
  }
.content_photos_two .photos_two_list {
    width: 100%;
    height: auto;
    margin: 0;
  }
.content_photos_two .photos_two_list .photos_two_one img {
    display: inline-block;
    width: 80%;
    margin-left: 10%;
    margin-top: .38rem;
    margin-bottom: .05rem;
  }
.content_photos_two .photos_two_list .photos_two_one p {
    display: inline-block;
    width: 100%;
    height: auto;
    line-height: .2rem;
    font-size: .15rem;
    color: #8f8f8f;
    text-align: center;
  }
  .baozhang{
      background: #7C48DB;
      padding: .3rem 0 .6rem;
  }
  .baozhang-content {
      width: 12rem;
      margin:  0 auto;
  }
  .baozhang-content h2{
    text-align: center;
    font-size: .48rem;
    color: #ffffff;
    margin-bottom: .45rem;
  }
  .baozhang-type{
      display: flex;
      align-items: center;
      justify-content: space-between;
  }
  .baozhang-type > div{
      width: 4rem;
  }
  .baozhang-type-img > div{
    text-align: center;
  }
  .baozhang-type-img > div:nth-child(1) img{
      width: 3.17rem;
  }
  .baozhang-type-img > div:nth-child(2) img{
    width: 2.7rem;
}
.baozhang-type-img > div:nth-child(3) img{
    width: 2.8rem;
}
.baozhang-type-text p{
    color: #ffffff;
    font-weight: bold;
    font-size: .36rem;
    text-align: center;
    margin: .7rem 0 .4rem;
}
.baozhang-type-text li{
    color: #dac5ff;
    font-size: .2rem;
    line-height: .4rem;
}
.baozhang-type-text li::before{
    content: '';
    width: .1rem;
    height: .1rem;
    background: #000;
    margin-right: .2rem;
    display: inline-block;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.baozhang-type-text > div:nth-child(2) ul{
    padding-left: .7rem;
}
.baozhang-type-text > div:nth-child(3) ul{
    padding-left: .7rem;
}
.liucheng{
    position: relative;
    background: #061923;
    padding: .3rem 0 .6rem;
}
.liucheng h2{
    color: #9c12f6;
}
.liucheng-jump{
    position: absolute;
    left: 50%;
    transform: translateX(-46%);
    -webkit-transform: translateX(-46%);
    -moz-transform: translateX(-46%);
    -ms-transform: translateX(-46%);
    -o-transform: translateX(-46%);
    bottom: .48rem;
    width: 1.9rem;
    height: .5rem;
}
.liucheng-content-type {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.liucheng-content-type > div{
    width: 2.8rem;
    height: 1.6rem;
    border-radius: .5rem;
    -webkit-border-radius: .5rem;
    -moz-border-radius: .5rem;
    -ms-border-radius: .5rem;
    -o-border-radius: .5rem;
    margin-bottom: .35rem;
    position: relative;
    background: #ffffff;
    cursor: pointer;
    overflow: hidden;
}
.liucheng-content-type > div p{
    width: 100%;
    height: 100%;
    padding: 0 .4rem;
    text-align: center;
    color: #061923;
    line-height: .4rem;
    font-size: .24rem;
    display: flex;
    align-items: center;
}
.liucheng-content-type > div span{
    font-size: .24rem;
}
.hover-type{
    justify-content:center;
    height: 100%;
    position: absolute;
    top: 0;
    left: -2.8rem;
    background: #7C48DB;
    color: #ffffff !important;
    -moz-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}
.liucheng-content-type > div:hover .hover-type{
    left: 0;
}

@media screen and (max-width: 767px) {
    .pc-banner{
        display: none;
    }
    .mobile-banner{
        display: block;
    }
    .tupian {
        width: 100%;
        padding: 0;
    }
    .tupian > img{
        display: block;
        width: 100%;
    }
    .bannerText{
        position: relative;
    }
    .bannerText-jump{
        width: 3.5rem;
        height: .9rem;
        position: absolute;
        top: 5.35rem;
        left: .5rem;
    }
}