.single1 .left{
    margin-right: 80px;
    line-height: 2;
    flex: 1;
}

.single1 .poss {
    box-sizing: border-box;
    position: absolute;
    bottom: 40px;
    left: 0;
    width: 70%;
    padding: 40px;
    background: #fff;
    border: 1px solid #eee;
}
.single1 .poss .item{
    width: 33.33%;
    text-align: center;
}
.single1 .poss .item .title{
    color: var(--dataColor);
    font-size: var(--title);
    font-weight: bold;
}
.single1 .poss .item .title span,.single1 .poss .item .sub{
    font-size: 18px;
    color: #999;
    font-weight: normal;
}

.single2{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    margin-top: 80px;
    padding: 60px;
}
.single2 .home_title{
    color: #fff;
    background: var(--dataColor);
    position: absolute;
    padding: 20px;
    top: -80px;
    left: 5%;
    z-index: 1;
}
.single2 .typename:before{
    background: #fff;
    top: 7em;
    left: 20px;
}
.single2 .box{
    background: rgba(255,255,255,0.9);
    padding: 80px;
}
.single2 .item{
    padding-bottom: 20px;
    padding-left: 40px;
    position: relative;
}
.single2 .item:before{
    position: absolute;
    content: "";
    width: 15px;
    height: 15px;
    background: var(--dataColor);
    left: 0;
    top: 5px;
    transform: rotate(45deg);
}
.single2 .item:after{
    height: 100%;
    content: "";
    position: absolute;
    left: 6.5px;
    top: 7.5px;
    width:2px;
    background: var(--dataColor);
}
.single2 .item .title{
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 20px;
}

.single2 .item .dis{
    color: var(--dataColor);
    margin-bottom: 20px;
}
.single2 .item .content{
    color: #555;
    line-height: 2;
}

.single3{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    padding: 60px; 
}
.single3 .mySwiper_Miles{width: auto;position: relative;margin-bottom: 45px;}
.single3 .mySwiper_Miles .swiper-wrapper{width: 90%;margin: 0 auto;}
.single3 .mySwiper_Miles::after{content:"";width: 94%;height: 1px;background: #d6d6d6;position: absolute;left:3%;top: 49%;}
.single3 .mySwiper_Miles .swiper-slide{width: 168px !important;flex-direction: column;}
.single3 .mySwiper_Miles .swiper-slide:nth-child(2n){flex-direction: column-reverse}
.single3 .mySwiper_Miles .swiper-slide .icon{width: 10px;height: 10px;border: 1px solid #d6d6d6;background: #fff;border-radius: 50%;margin: 0 auto;transition: all 500ms;display: block;}
.single3 .mySwiper_Miles .swiper-slide h2{font-size: 26px;line-height: 26px;text-align: center;transition: all 500ms;margin: 18px 0;}

.single3 .mySwiper_Miles .swiper-slide .content{
    text-align: center;
    color: #555;
    margin: 20px 0;
}

@media(max-width:700px){
    .single1 .between{
        flex-direction: column;
    }
    .single1 .left, .single1 img{
        font-size: 12px;
        width: 100%;
        margin-bottom: 20px;
    }
   .typename:before,.newslist.title:before{
       top: 4em;
   }
   .single1 .poss{
       padding: 10px;
       width: 100%;
       position: static;
   }
   .single1 .poss .item .title{
       font-size: 25px;
   }
    .single1 .poss .item .sub{
        font-size: 12px;
    }
    .single2,.single3{
        padding: 10px;
    }
    .single2 .box{
        padding: 10px;
        padding-top: 80px;
    }
    .single2 .item .content{
        font-size: 12px;
    }
    .newslist.title:before{
        
    }
}