.mt-50 {
    margin-top: 50px;
}
.mb-50 {
    margin-bottom: 50px;
}
.appnox-services-area{
    background: linear-gradient(to left, #087cf9, #37dbf5);
}
.position-relative {
    position: relative!important;
}
.single-services {
    box-shadow: 0px 15px 30px 0px rgb(0 0 0 / 14%);
    padding: 46px 25px 35px;
    overflow: hidden;
    border-radius: 15px;
}

.appnox-services-area .col-xl-4:nth-child(odd) .single-services {
    margin-top: 40px;
}
.single-services-content {
    margin-top: 166px;
}
.single-services-content img{
    position: relative;
    z-index: 11;
}
.single-services-content img ,.services-shape img {
    max-width: 100%;
    height: auto;
    transition: all 0.3s ease-out 0s;
    display: inline-block;
    vertical-align: middle;
    border-style: none;
}
.single-services-content h3 {
    font-family: 'Ubuntu', sans-serif;
    color: #353858;
    font-size: 24px;
    font-weight: 500;
    line-height: 1;
    margin: 57px 0 22px 0;
    padding: 0px;
    font-style: normal;
}
.single-services-content p {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    color: #000000;
    margin: 0px;
    text-align: left;
}
.style-shape {
    position: absolute;
}
.services-shape .style-shape.shape-1 {
    left: -60px;
    top: 0;
    /* z-index: 11; */
    opacity: .5;
}
.services-shape .style-shape.shape-2 {
    left: 0;
    top: 0;
    z-index: 10;
}
/*头部轮播*/
#topimg{
    height: calc(0.5625*(100vw - var(--scrollbar-width)));
    width: 100%;
    /*min-height: 550px;*/
}

/*  修改输出屏大小  */
.topimg-banner {/*  修改输出屏大小  */width: 100%;height: 100%;overflow: hidden;position: relative;top: -10px;}
.topimg-banner .img {position: absolute;left: 0px;top: 0;width: 100%;/* height: 100%; */}
.topimg-banner .img li {float: left;width: calc(100vw - var(--scrollbar-width));;/* height: 100%; */}
.topimg-banner .img li a {width: 100%; height: 100%; display: flex;justify-content: center}
/*/ 修改图片大小 /*/
.topimg-banner .img img {
    width: 100%;
    background-size: 100% 100%;
}
/*/ 小圆圈 /*/
.topimg-banner .num { position: absolute; width: 100%; bottom: 10px; left: 0; text-align: center; font-size: 0px; }
.topimg-banner .num li { width: 10px; height: 10px; background: #888; border-radius: 50%; display: inline-block; margin: 0 3px; cursor: pointer; }
.topimg-banner .num li.on { background: #F60; }
/*/ 按钮 /*/
.topimg-banner .btn {width: 50px;height: 60px;background: rgba(0,0,0,0.5);position: absolute;top: 50%;margin-top: -25px;cursor: pointer;text-align: center;line-height: 50px;color: #fff;font-size: 40px;font-family: "宋体";display: none;}
.topimg-banner:hover .btn { display: block; }
.topimg-banner .btn_l { left: 0; }
.topimg-banner .btn_r { right: 0; }
/*web端图片*/
.webmain{
    background: url("../img/testimonial-bg.png");
}
#webimg{
    height: calc(70vh);
    min-height: 300px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
/*  修改输出屏大小  */
.webimg-banner {/*  修改输出屏大小  */width: 80%;height: 100%;overflow: hidden;position: relative;top: -10px;}
.webimg-banner .img {position: absolute;left: 0px;top: 0;height: 100%}
.webimg-banner .img li {float: left;width: 80vw;height: 100%}
.webimg-banner .img li a {width: 100%;height: 100% }
/*/ 修改图片大小 /*/
.webimg-banner .img img {
    width: 80vw;
    height: 100%;
    /* background-size: 100% 100%; */
    /* background-repeat: no-repeat; */
}
/*/ 小圆圈 /*/
.webimg-banner .num { position: absolute; width: 100%; bottom: 10px; left: 0; text-align: center; font-size: 0px; }
.webimg-banner .num li { width: 10px; height: 10px; background: #888; border-radius: 50%; display: inline-block; margin: 0 3px; cursor: pointer; }
.webimg-banner .num li.on { background: #F60; }
/*/ 按钮 /*/
/*.webimg-banner .btn {width: 50px;height: 60px;background: rgba(0,0,0,0.5);position: absolute;top: 50%;margin-top: -25px;cursor: pointer;text-align: center;line-height: 50px;color: #fff;font-size: 40px;font-family: "宋体";display: none;}*/
/*.webimg-banner:hover .btn { display: block; }*/
/*.webimg-banner .btn_l { left: 0; }*/
/*.webimg-banner .btn_r { right: 0; }*/
/*web内容*/
.webcontent{
    width: 50%;
    margin: 0 auto;
}
@media screen and (max-height:700px) {
    .webcontent{
        width: 70%;
        margin: 0 auto;
    }
}