* {
    margin: 0;
    padding: 0;
}

.pc-banner {
    position: relative;
    width: 100%;
    height: 100%;
}

.pc-banner a img {
    display: inherit;
    width: 100%;
    height: 100%;
}

.mobile-banner {
    position: relative;
    width: 100%;
    height: 100%;
}

.mobile-banner img {
    display: inherit;
    width: 100%;
    height: 100%;
}
.banner a{
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}
.banner a div{
    position: absolute;
    top:1.5rem;
    left:0;
    width: 100%;
}
.banner a div img{
    display: inherit;
    width: 1.82rem;
    margin:  0 auto 1.3rem;
}
.banner a div h2{
    font-size: .36rem;
    color: #fff;
    font-weight: 300;
}
.banner a div h1{
    font-size: .6rem;
    font-weight: bold;
    color: #ffffff;
    margin: 0 0 .4rem;
}
.banner a div p{
    font-size: .2rem;
    color: #9a9a9a;
    line-height: .35rem;
}
.banner a div p span{
    color: #ff6900;
    font-size: inherit;
}
.mobile-banner a div{
    left: 0;
    top:.2rem;
    width: 100%;
    text-align: center;
}
.mobile-banner a div small{
    display: none;
}
.mobile-banner a div h1{
    margin: 0 0 .3rem;
}
.mobile-banner a div b{
    display: block;
    margin:.2rem auto 0;
    width:4rem;
}
.youshi {
    background: #f6f6f6;
    padding: .4rem 0 .8rem;
}
.youshiTitle {
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.youshiTitle div{
    font-size: .4rem;
    line-height: 1.14rem;
    font-weight: bold;
    color: #181818;
}
.youshiTitle img{
    display: block;
    width: 1.2rem;
    margin: 0 .2rem 0 .1rem;
}
.youshiTitle .right{
    color: #ff6200;
}
.youshiHeadline{
    text-align: center;
    font-size: .28rem;
    color: #999999;
    margin: 0.1rem 0 .2rem;
}
.youshiContent{
    display: flex;
    justify-content: center;
    margin-bottom: .05rem;
}
.contenttext{
    background: #ffffff;
    width: 5.1rem;
    height: 1.68rem;
    padding: .4rem .46rem;
    font-size: .24rem;
    color: #999999;
    text-align: justify;
}
.youshiCenter{
    font-size: .3rem;
    color: #ffffff;
    width: 1.8rem;
    height: 1.68rem;
    padding: .4rem .6rem;
    background: #ff6200;
}
.youshiLeft{
    border-radius: .15rem 0 0 .15rem;
    -webkit-border-radius: .15rem 0 0 .15rem;
    -moz-border-radius: .15rem 0 0 .15rem;
    -ms-border-radius: .15rem 0 0 .15rem;
    -o-border-radius: .15rem 0 0 .15rem;
}
.youshiRight{
    border-radius: 0 .15rem .15rem 0;
    -webkit-border-radius: 0 .15rem .15rem 0;
    -moz-border-radius: 0 .15rem .15rem 0;
    -ms-border-radius: 0 .15rem .15rem 0;
    -o-border-radius: 0 .15rem .15rem 0;
}
.serviceItems {
    padding: .2rem 0 .4rem;
    background: #f4f4f4;
}
.serviceItems h2{
    color: #ff6200;
    font-weight: bold;
    margin-bottom: .5rem;
    font-size: .48rem;
}
.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;
    height: .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;
}
.pinpai{
    text-align: center;
    padding: .4rem 0;
}
.pinpai h2{
    font-size: .48rem;
    font-weight: bold;
    color: #ff6200;
    margin-bottom: .4rem;
}
.pinpai img{
    display: block;
    width: 12rem;
    margin: 0 auto;
}
.zizhi{
    width: 12rem;
    margin: 0 auto;
    position: relative;
    padding: .6rem 0 .8rem;
}
.zizhi-top {
    width: 100%;
    display: flex;
    align-items: top;
    justify-content: space-between;
}
.zizhi-top img{
    display: block;
    width: 3.28rem;
}
.zizhi-top p{
    width: 3.28rem;
    font-size: .36rem;
    font-weight: bold;
    color: #1a1a1a;
    margin: .2rem 0 0;
}
.zizhi-title{
    width: 10rem;
    font-size: .28rem; 
    color: #999999;
    text-align: center;
    margin: .4rem auto;
}
.zizhi-content{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.zizhi-content-type{
    width: 3.85rem;
    height: 6.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;
  }

  .jiangxiang {
    position: relative;
    width: 100%;
    height: auto;
    background-color: #0D0D0D;
  }
  
  .jiangxiang .jiangxiang_container {
    width: 100%;
    height: 100%;
    padding: 0 20%;
    box-sizing: border-box;
  }
  
  .jiangxiang .jiangxiang_container h2 {
    display: inline-block;
    width: 100%;
    height: .5rem;
    margin: 0;
    margin-top: .4rem;
    line-height: .5rem;
    font-size: .5rem;
    font-weight: bold;
    letter-spacing: .05rem;
    text-align: center;
    color: #fff;
  }
  
  
  .jiangxiang .jiangxiang_container .jiangxiang_desc {
    display: inline-block;
    width: 100%;
    height: .25rem;
    margin-top: .15rem;
    line-height: .25rem;
    font-size: .2rem;
    letter-spacing: .02rem;
    color: #7a7a7a;
    text-align: center;
  }
  
  .jiangxiang .jiangxiang_container .jiangxiang_mobile_list {
    display: none;
    width: 100%;
    height: auto;
    margin-top: .2rem;
  }
  
  .jiangxiang .jiangxiang_container .jiangxiang_mobile_list .mobile_list {
    width: 100%;
    height: auto;
    margin: 0;
  }
  
  .jiangxiang .jiangxiang_container .jiangxiang_mobile_list .mobile_list .mobile_list_one {
    height: 1.2rem;
  }
  
  .jiangxiang .jiangxiang_container .jiangxiang_mobile_list .mobile_list .mobile_list_one p {
    width: 100%;
    line-height: .2rem;
    font-size: .12rem;
    color: #7a7a7a;
    text-align: center;
  }
  
  .jiangxiang .jiangxiang_container .jiangxiang_mobile_list .mobile_list .mobile_list_one p span {
    line-height: .2rem;
    font-size: .12rem;
    color: #ffd200;
  }
  
  .jiangxiang .jiangxiang_container .jiangxiang_img {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  
  .jiangxiang .jiangxiang_container .jiangxiang_pc_list {
    width: 100%;
    height: auto;
    margin-top: .2rem;
  }
  
  .jiangxiang .jiangxiang_container .jiangxiang_pc_list .pc_list {
    width: 100%;
    height: auto;
    margin: 0;
  }
  
  .jiangxiang .jiangxiang_container .jiangxiang_pc_list .pc_list .pc_list_one {
    height: 1rem;
  }
  
  .jiangxiang .jiangxiang_container .jiangxiang_pc_list .pc_list .pc_list_one p {
    width: 100%;
    line-height: .2rem;
    font-size: .12rem;
    color: #7a7a7a;
    text-align: center;
  }
  
  .jiangxiang .jiangxiang_container .jiangxiang_pc_list .pc_list .pc_list_one p span {
    line-height: .2rem;
    font-size: .15rem;
    color: #ffd200;
  }
  .baozhang{
    background: #ff6400;
    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{
    align-items: flex-start;
}
.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;
}
.anli{
    width: 100%;
    position: relative;
}
.anli img{
    display: block;
    width: 100%;
}
.anlis{
    position: absolute;
    top: .35rem;
    left: 50%;
    transform: translateX(-50%);
    width: 12rem;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
.anli h2{
    font-size: .48rem;
    font-weight: bold;
    color: #ff6200;
    text-align: center;
    margin-bottom: .3rem;
}
.texts .title{
    font-size: .22rem;
    color: #ffffff;
}
.texts .content{
    font-size: .22rem;
    color: #999999;
    text-align: justify;
}
.texts-title{
    font-size: .36rem;
    color: #ffffff;
    margin-bottom: .3rem;
}
.texts-head{
    font-size: .36rem;
    color: #ff6607;
    font-weight: bold;
    position: relative;
}
.texts-head::before{
    position: absolute;
    left: -1rem;
    top: 50%;
    content: '';
    display: inline-block;
    width: .75rem;
    height: .06rem;
    background: #ff6607;
    border-radius: .03rem;
    -webkit-border-radius: .03rem;
    -moz-border-radius: .03rem;
    -ms-border-radius: .03rem;
    -o-border-radius: .03rem;
}
.mgb{
    margin-bottom: .2rem;
}
.anliImg{
    margin: .4rem 0 0;
}
.anliTips{
    font-size: .2rem;
    color: #ff6607;
    margin-top: .15rem;
}

@media screen and (max-width: 767px) {
    .mobile-img{
        padding: 0;
    }
    .mobile-img img{
        display: block;
        width: 100%;
    }
    .zizhi{
        width: 100%;
    }
}