.banner {
    width: 100%;
}

.banner img {
    width: 100%;
    height: auto;
    display: block;
}
.own{
    text-align: center;
    padding-bottom: 0.25rem;
}
.own h2{
    font-size:0.36rem ;
    padding: 0.4rem 0 0.22rem 0;
}
.own p{
    font-size: 0.24rem;
    color: #666666;
    padding-bottom: 0.25rem;
}
.own img{
    width: 0.27rem;
    height: 0.14rem;

}
.proble-con{
    width: 100%;
    padding:  0 0.2rem;
}
.proble-con ul{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
}
.proble-con ul li{
    width: 3.45rem;
    height: 3.16rem;
    background: #ffffff;
    text-align: center;
    padding:0 0.40rem ;
    margin-bottom: 0.2rem;
}
.proble-con ul li img{
    width: 1.66rem;
    height: 1.66rem;
    margin: 0.16rem 0 0.24rem 0;
}
.proble-con ul li p{
    font-size: 0.28rem;
    line-height: 0.44rem;
    color: #666666;
}
.gtxt{
    width: 100%;
    height: 2rem;
    background: url("../yidong_files/gtxtback.png") no-repeat;
    background-position: center;
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.gtxt p{
    font-size: 0.24rem;
    line-height: 0.4rem;
    color: #ffffff;
}
.gtxt p span{
    font-size: 0.3rem;
    color: #f25366;
    font-weight: 600;
}
.server-con{
    width: 100%;
    padding:  0 0.2rem;
}
.service-title{
    width: 100%;
    height: 0.9rem;
    background: #e72d44;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.service-title p{
    font-size: 0.3rem;
    color: #ffffff;
    font-weight: 600;
}
.service-ul ul{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
}
.service-ul li{
    width: 3.45rem;
    height: 4.04rem;
    background: #ffffff;
    padding: 0 0.1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 0.22rem;
}
.service-ul li img,.lastli-left img{
    width: 0.9rem;
    height: 0.9rem;
}
.service-ul li h3{
    font-size: 0.32rem;
    width: 100%;
    padding: 0.25rem 0;
    margin-bottom: 0.2rem;
    border-bottom: 0.02rem solid #999999;
    text-align: center;
    font-weight: 500;
}
.service-ul li p{
    font-size: 0.24rem;
    line-height: 0.32rem;
    color: #666666;
    padding:  0 0.04rem;
}
.lastli{
    width: 100%;
    height: 2.52rem;
    background: #ffffff;
    margin: 0.22rem 0;
    padding: 0.2rem 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.lastli-left{
    flex: 0 auto;
    height: 100%;
    padding: 0 0.64rem;
    display:flex ;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-right: 0.02rem solid #999999;
}
.lastli-left h3{
    font-size: 0.32rem;
    padding: 0.25rem 0;
}
.lastli-right{
    flex:1;
    height: 100%;
    padding: 0 0.56rem 0 0.7rem ;
    display: flex;
    align-items: center;
}
.lastli-right p{
    font-size: 0.24rem;
    color: #666666;
}

.example{
    width: 100%;
    height: 23.58rem;
    background: url("../yidong_files/exampleback.png") no-repeat;
    background-position: center;
    background-size: cover;
    padding:  0 0.2rem;
}
.example h2{
    font-size: 0.36rem;
    color: #ffffff;
    padding: 0.38rem 0;
    text-align: center;
}
.example-con{
    width: 100%;
    margin-bottom: 0.2rem;
}
.hide{
    width: 100%;
    height: 0.92rem;
    background: #f25366;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    color: #ffffff;
}
.hide img{
    width:0.76rem ;
    height: 0.62rem;
}
.hide h3{
    font-size: 0.3rem;
    margin:  0 0.26rem;
}
.hide p{
    font-size: 0.24rem;
}
.example-ul{
    background: #eeeeee;
    padding:  0 0.2rem 0.2rem 0;
    overflow: hidden;
}
.example-ul ul li{
   background: #ffffff;
    width: 100%;
    height:1.36rem;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 1.5rem 0 0.2rem;
    margin-top: 0.2rem;
}
.example-ul ul li h4{
    font-size: 0.3rem;
    color: #666666;
    line-height:0.46rem ;
}
.example-ul ul li p{
    font-size: 0.24rem;
    color: #999999;
    line-height: 0.3rem;
}
.example-ul ul li a{
    display: block;
    position: absolute;
    right: 0.14rem;
    top: 50%;
    transform: translateY(-50%);
    color: #f25366;
    font-size: 0.22rem;
    padding:0.04rem 0.12rem;
    border: 0.02rem solid #f25366;
}
.example-foot{
    width: 100%;
    height:2rem ;
    background: #999999;
    padding: 0 0.2rem;
    font-size:0.24rem ;
    color: #ffffff;
    line-height: 0.4rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.tage{
    width: 100%;
    margin-bottom: 0.36rem;
}
.tage>img{
    width: 100%;
    height: auto;
}
.promise{
    width: 100%;
    padding:0 0.2rem;
}
.promise-con ul li{
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    height:1.7rem ;
    padding:  0 0.3rem;
    background: #ffffff;
    margin-bottom: 0.1rem;
}
.promise-con ul li>img{
    width:1.19rem;
    height: 1.19rem;
}
.promise-con-right{
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding-left:  0.28rem;
}
.promise-con-right h4{
    font-size: 0.3rem;
    color: #e72d44;
    padding-bottom: 0.14rem;
}
.promise-con-right p{
    font-size: 0.24rem;
    line-height: 0.36rem;
    color: #666666;
}
.liucheng{
    width: 100%;
}
.liucheng>img{
    width: 100%;
    height: auto;
}