.swiper {
            width: 100%;
            height: 100%;
            overflow: hidden;
        }

        .swiper-wrapper {
            position: relative;
            width: 100%;
            /*height: 500px;*/
            z-index: 1;
            display: flex;
            box-sizing: content-box;
        }

        .swiper-slide img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .index-main {
            width: 1200px;
            margin: 0px auto;
            display: flex;
            justify-content: space-between;
            box-sizing: border-box;
            padding: 50px 0;
        }

        .index-main .main-left {
            width: 780px;
            display: flex;
            flex-direction: column;
        }

        .main-left h2 {
            border-bottom: solid 2px #00837e;
            padding-bottom: 8px;
            font-size: 24px;
            line-height: 1.2;
            font-weight: 700;
        }

        .main-left-top {
            display: flex;
            align-items: center;
            padding: 20px 0;
            border-bottom: 1px solid #e1e1e1;
        }

        .main-left-top .top-img {
            width: 48%;
            overflow: hidden;
            border:1px solid #eee;
        }

        .main-left-top .top-img img {
            width: 100%;
            object-fit: cover;
            -webkit-transition: transform 0.2s ease-out;
            -o-transition: transform 0.2s ease-out;
            transition: transform 0.2s ease-out;
        }

        /*.main-left-top .top-img:hover img {*/
        /*    -webkit-transform: scale(1.2);*/
        /*    -ms-transform: scale(1.2);*/
        /*    -o-transform: scale(1.2);*/
        /*    transform: scale(1.2);*/
        /*}*/

        .main-left-top .top-content {
            width: 52%;
            padding-left: 20px;
        }

        .main-left-top .top-content p:nth-child(1) {
            font-size: 20px;
            margin-bottom: 20px;
        }

        .main-left-top .top-content p:not(:nth-child(1)) {
            color: #666;
            margin-bottom: 20px;
            font-size: 14px;
            line-height: 16px;
        }

        .main-left-bottom {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }

        .main-left-bottom .bottom-item {
            width: 48%;
            display: flex;
            flex-direction: column;
            padding: 25px 0px;
        }

        .main-left-bottom .bottom-item:nth-child(1), .main-left-bottom .bottom-item:nth-child(2) {
            border-bottom: 1px solid #e1e1e1;
        }

        .bottom-item p:nth-child(1) {
            font-size: 16px;
            margin-bottom: 15px;
            line-height: 1.4;
            width: 62%;
            padding-left: 20px;
        }

        .bottom-item p:nth-child(2) {
            font-size: 14px;
            line-height: 16px;
            /*width: 62%;*/
            padding-left: 20px;
        }

        .index-main .main-right {
            width: 390px;
            display: flex;
            flex-direction: column;
        }

        .main-right-title {
            display: flex;
            justify-content: space-between;
            border-bottom: 2px solid #00837e;
            padding-bottom: 8px;
        }

        .main-right-title h2 {
            font-size: 24px;
            line-height: 1.2;
            font-weight: 700;
            margin-bottom: 0px;
        }

        .main-right-title a {
            color: #999999;
            font-size: 12px;
            display: flex;
            align-items: flex-end;
        }

        .main-right-item {
            display: flex;
            align-items: center;
            padding-top: 20px;
            padding-bottom: 20px;
            border-top: 1px solid #e1e1e1;
        }

        .main-left-item {
            display: flex;
            align-items: center;
            /*padding-top: 20px;*/
            /*padding-bottom: 20px;*/
            /*border-top: 1px solid #e1e1e1;*/
        }
        .main-right-item:nth-child(1) {
            border-top: 0px solid #e1e1e1;
        }

        .main-right-item .right-item-content {
            width: 62%;
            padding-right: 10px;
        }

        .right-item-content a {
            font-size: 16px;
            margin-bottom: 15px;
            line-height: 22px;
            color:#000;
            height: 44px;
            overflow: hidden;
            position: relative;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            text-overflow: ellipsis;
        }

        .right-item-content a:hover {
            color: #00837e;
        }

        .right-item-content p {
            font-size: 12px;
            line-height: 1.2;
            color: #999;
            min-height: 1.2em;
        }

        .main-right-item .right-item-img {
            width: 38%;
            overflow: hidden;
            height: 75px;
            border: 1px solid #e1e1e1;
            display:flex;
            justify-content:center;
            align-items:center;
        }

        .main-right-item .right-item-img img {
            width: 100%;
            object-fit: cover;
            -webkit-transition: transform 0.2s ease-out;
            -o-transition: transform 0.2s ease-out;
            transition: transform 0.2s ease-out;
            cursor: pointer;
            float: right;
        }

        .main-right-item .right-item-img:hover img {
            -webkit-transform: scale(1.2);
            -ms-transform: scale(1.2);
            -o-transform: scale(1.2);
            transform: scale(1.2);
        }

/* .ellipsis:after {
content: "...";
position: absolute;
right: 0;
bottom: 0;
display: block;
height: 1.4em;
line-height: inherit;
font-weight: 700;
padding-top: 0;
padding-right: 6px;
padding-bottom: 0;
padding-left: 8px;
background-image: url(/static/index/img/ellipsis-mask.png);
background-repeat: repeat-y;
} */

 /*------------------------*/
 .services-banner-others {
background-image: url(https://www.epr.ink/static/img/banner.jpg);
}

.services-banner {
height: 350px;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
color: #fff;
text-align: center;
display: table;
width: 100%;
}

.services-banner-shade {
height: 100%;
background: linear-gradient(45deg, rgba(5, 58, 79, 0.8) 0, rgba(5, 58, 79, 0.8) 30%, rgba(19, 123, 114, 0.8) 93%, rgba(19, 123, 114, 0.8) 100%);
vertical-align: middle;
display: table-cell;
}
.services-banner-abstract {
font-size: 16px;
line-height: 1.4;
margin-bottom: 15px;
}
.services-banner-btn-wrap {
text-align: center;
}
.services-banner-btn {
display: inline-block;
font-size: 16px;
line-height: 1;
color: #fff;
padding: 10px 30px;
background-color: #ff6c36;
border: 1px solid #ff6c36;
border-radius: 4px;
transition: all 0.2s;
}
.services-section {
padding: 80px 0;
font-size: 16px;
line-height: 1.8;
position: relative;
}
.services-sub-section {
margin-bottom: 50px;
}
.container, .video-fullscreen-container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
width: 1170px;
}
.col-6 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
float: left;
width: 50%;
}
div.pl20 {
padding-left: 20px;
}
.services-section .row.feature {
display: flex;
align-items: center;
}
.services-section .services-img-box {
text-align: center;
}


.services-section:nth-child(odd) {
background-color: #fafafa;
}
.services-section-btn {
display: inline-block;
font-size: 14px;
line-height: 1;
color: #ff6c36;
padding: 10px 30px;
background-color: #fff;
border: 1px solid #ff6c36;
border-radius: 4px;
transition: all 0.2s;
}

 ul, main li {
list-style: none;
}
.services-section .ul-green-dotted li {
margin-left: 20px;
margin-bottom: 10px;
position: relative;
}
.services-section .ul-green-dotted-14 li:before {
top: 8px;
}
.services-section .ul-green-dotted li:before {
content: " ";
display: block;
position: absolute;
left: -16px;
width: 6px;
height: 6px;
border-radius: 50%;
background-color: #00837e;
}
.services-section .ul-green-dotted-14 {
font-size: 14px;
}

/*-------------*/
        .steps {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-top: 26px;
        }
        .step {
            width: calc(20% - 20px);
            padding: 20px;
            background-color: #fff;
            border-radius: 10px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            text-align: center;
            margin-bottom: 20px;
        }
        .step h3 {
            margin-top: 0;
        }
        .step p {
            margin: 10px 0;
        }
        .step-icon {
            width: 50px;
            height: 50px;
            background-color: #00847e;
            color: #fff;
            text-align: center;
            line-height: 50px;
            border-radius: 50%;
            font-size: 24px;
            margin: auto;
            margin-bottom: 10px;
        }