.clearfix:after {
    clear: both;
}
.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}
.come-wrap{padding: 105px 0 ;}
.come-top{}
.come-top-ul{}
.come-top-ul li{float: left;width: 22%;position: relative;}
.come-top-ul li img{transition: all 0.5s;}
.come-top-ul li::after{
  content: "";
  display: block;
  width: 1px;
  height: 50px;
  background-color: #dbdbdb;
  position: absolute;top: 0;right: 0;
}
.come-top-ul li:last-child{width: 34%;text-align: center;}
.come-top-ul li:last-child::after{display: none;}

.come-top-ul .come-font{text-align: center;}
.come-top-ul .come-font h4{margin: 30px 0 10px;}
.come-top-ul .come-font p{color: #666;font-family: 'DIN';}
.come-top-ul li:hover{}
.come-top-ul li:hover img{transform: translateY(-10px);}
.come-top-ul li:hover h4{color:#00ac86;}
.come-top-ul li:hover p{color:#00ac86;}


.come-top-ul .come-pics{display: inline-block;margin: 0 auto;}
.come-top-ul .come-pic{text-align: center;float: left;}
.come-top-ul .come-pic:first-child{margin-right: 90px;}
.come-top-ul .come-pic p{color: #666;margin-top: 6px;}

.p-size22 {
    font-size: 22px;
}

.p-size18 {
    font-size: 18px;
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}
.clearfix:after {
    clear: both;
}
.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}
.ny-container {
    width: 1440px;
    margin: auto;
}

.service-one{}
.service-one .seon-top{position: relative;height:200px;}
.service-one  .seon-top>img{width: 100%;}
.service-one .seon-pic{position: absolute;top: 27%;}
.service-one .seon-pic-1{left: 5.5%;}
.service-one .seon-pic-2{left: 25.7%;}
.service-one .seon-pic-3{left: 46.3%;}
.service-one .seon-pic-4{right: 25.7%;}
.service-one .seon-pic-5{right: 5.5%;}
.seon-pic-11{text-align: center;}
.seon-pic-11 p {color: #666;margin-top: 15px;}
.seon-pic-111{width: 106px;height: 106px;position: relative;}
.seon-pic-111{}
.seon-pic-111::after{
  content: "";
  width: 106px;
  height: 106px;
  display: block;
  border-radius: 50%;
  border: 2px solid #f0f0f0;
  position: absolute;top: 0;left: 0;
  }
.seon-pic-111::before{
    content: "";
    display: block;
    width: 77px;
    height: 77px;
    background-color: #00ac86;
    border-radius: 50%;
    position: absolute;top: 51%;left: 51%;
    transform: translate(-49%, -49%);
    transition: all 1s;
    }
.seon-pic-111 span{font-size: 26px;font-family: 'DIN';color: #fff;
  position: absolute;top: 50%;left: 50%;
  transform: translate(-50%, -50%);
}
.service-one-app{display: none;}
.seon-pic:hover .seon-pic-111::before{
  width: 106px;
  height: 106px;
  }

.service-one .seon-bottom{position: relative;}
.seon-bottom .seon-box img{width: 100%;display: none;}
.seon-box img.on{display: block;}
.service-one  .seon-list{position: absolute;top: 0;left: 0;padding: 50px 124px;width: 100%;}
.seon-list-ul{margin: 0 -7px;width: 100%;}
.service-one .seon-list-ul li{float: left;padding: 0 7px;width: 13.66%;}
.seon-list-ul li>div{background-color: #fff;text-align: center;transition: all 0.8s;}
.seon-list-ul span{line-height: 78px;display: inline-block;color: #666;}

.seon-list-ul li.on div{background-color: #00ac86;}
.seon-list-ul li.on span{color: #fff;font-weight: 700;}



.come-bottom {
    padding: 0 100px;
}
.come-bottom .abou-tit {
    margin: 60px 0 18px;
    justify-content: center;
}
.abou-tit {
    font-size: 36px;
}
.landIn {
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
}
.come-bottom .abou-dec {
    line-height: 28px;
}
.abou-dec {
    color: #666;
    text-align: left;
    margin: 7px 0 55px;
}
.p-size16 {
    font-size: 16px;
}
.come-bottom .abou-dec span {
    color: #e9460a;
}
.come-bottom .abou-dec span:last-child {
    color: #e9460a;
    font-weight: 700;
    font-family: 'DIN';
}
.come-bottom .abou-dec span {
    color: #e9460a;
}

.cobo-form div.from {
    margin-top: 56px;
}
ul {
    list-style: none;

}
.cobo-form-ul {
    display: flex;
    align-items: center;
    justify-content: space-between;

}
.cobo-form-ul li {
    width: 33%;
}
.cobo-form-ul li>div {
    background-color: #f4f4f4;
    font-size: 16px;
}
.cobo-form-ul label {
    padding-left: 22px;
    line-height: 60px;
    float: left;
    width: 27%;
    color: #999;
}
.cobo-form-ul input {
    line-height: 60px;
    width: 60%;
    padding-right: 22px;
    outline: none;
}
.cobo-form textarea {
    background-color: #f4f4f4;
    resize: none;
    height: 300px;
    font-size: 16px;
    color: #999;
    margin: 15px 0px 0px;
    width: auto;
    padding: 10px 0px 0px 10px;
    width: calc(100% - 10px);
    -webkit-appearance: none;
    outline: none;
}
button, input, optgroup, select, textarea {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    background: none;
    border: none;
}
a, div, dl, img, li, p, ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.cobo-btn {
    display: block;
    line-height: 60px;
    padding: 0 53px;
    transition: all 1s;
    color: #00ac86;
    margin: 0 auto;
    border: 1px solid #00ac86;
}
.p-size16 {
    font-size: 16px;
}
button, select {
    text-transform: none;
}

element.style {
}
.cobo-btn {
    display: block;
    line-height: 60px;
    padding: 0 53px;
    transition: all 1s;
    color: #00ac86;
    margin: 30px auto 0px auto;
    border: 1px solid #00ac86;
}
.p-size16 {
    font-size: 16px;
}
button, select {
    text-transform: none;
}
button {
    overflow: visible;
    /* -webkit-appearance: none; */
}