/*通用*/
/*子菜单*/
.submenu {
    margin-right: 130px;
    padding-bottom: 20px;
    color: #666666;
    transition: font-weight 0.2s ease, border-bottom 0.2s ease;

}


.submenu:hover {
    /*font-weight: bold;*/
    color: #333;
    border-bottom: 2px solid #A41D2F;
}

.submenu-active {
    /*font-weight: bold;*/
    color: #333;
    border-bottom: 2px solid #A41D2F;
    animation: expand-border 0.2s ease forwards;
}

@keyframes expand-border {
    0% {
        border-bottom: 2px solid transparent;
    }
    50% {
        border-bottom: 2px solid #A41D2F;
    }
    100% {
        border-bottom: 2px solid #A41D2F;
    }
}

.intro-body h1 {
    font-size: 60px;
}


/*风电巡检智能解决方案*/
.owl-carousel .owl-stage-outer {
    height: 50vh !important;
}

.nas-solution-gray {
    height: 649px;
}

.wp-solution-img {
    transform: translate(70px, 15%);
    z-index: 40;
}

.wp-solution-point1 {
    z-index: 0;
    height: 100px;
    transform: translate(450px, -400%);
}

.wp-solution-point2 {
    z-index: 0;
    height: 100px;
    transform: translate(1700px, -150%);
}

.wp-solution-text {
    font-size: 18px;
    transform: translate(230px, -750%);
}

/*.wp-solution-p {*/
/*    transform: translate(970px, -250%)*/
/*}*/

.wp-application-item {
    font-size: 14px;
    color: #838C9F;
    height: 480px;
    width: 368px;
    padding: 30px;
    background-color: #fff;
}

.value-item1 {
    width: 450px;
    height: 450px;

}

/*
风电详情页
*/

.wpd-text-pt {
    margin-top: 6px;
}

/*
新能源*/
.nas-border {
    border: 1px solid rgba(11, 13, 25, 0.1) !important;
}


.nas-border {
    position: relative;
    overflow: hidden;
}

.nas-border::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 4px;
    background-color: blue;
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform 0.2s ease-in-out;
}

.nas-border-active::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 4px;
    background-color: blue;
    transform: scaleX(1);
}

.nas-border-active {
    background: rgba(11, 114, 255, 0.1);
}

.nas-border:hover::before {
    transform: scaleX(1);
    background: blue;
    color: white;
}

.nas-border:hover {
    background: rgba(11, 114, 255, 0.1);
}

.newSmart-item {
    display: none !important;
}

.newSmart-item-active {
    display: block !important;
}

/*
变电站巡检*/
.square {
    width: 9px;
    height: 9px;
    margin: 4px;
}

.scheme-item {
    height: 350px;
    background-color: palevioletred;
}

.scheme-item:hover {
    height: 350px;
}

/*
光伏解决方案*/
.solar-p-menu {
    margin-left: 20px;
}

.solar-p-menu h2 {
    font-weight: 700;
    padding-left: 20px;
}

.solar-p-menu p {
    padding-top: 12px;
    font-size: 14px;
    padding-left: 20px;
    color: rgba(27, 30, 33, 0.6);
}

.solar-menu-active {
    border-left: 2px solid #A41D2F;
    padding-right: 10px;
}

.solar-menu-active h2 {
    color: #A41D2F
}

.solarCircle {
    width: 12px;
    height: 12px;
    padding-left: 10px;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 100px
}

.solarCircle-active {
    width: 12px;
    padding-left: 10px;
    height: 12px;
    background-color: #0269D4;
    border-radius: 100px
}

/*光伏机器人*/
.clear-square {
    width: 172px;
    height: 127px;
    border: 1px solid #fff;
}


/*iot*/
.iot-diamond {
    width: 12px;
    height: 12px;
    margin-right: 10px;
    background-color: rgba(255, 255, 255, 0.5);
}

.iot-application-menu {
    margin-right: 90px;
    color: #333;
    padding-bottom: 16px;
    cursor: pointer;
    transition: color 0.3s, border-bottom 0.3s, font-weight 0.3s;
    border-bottom: 2px solid transparent; /* 添加透明边框 */
}

.divide-y-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))) !important;
    border-bottom-width: initial !important;
}

.iot-application-menu:hover {
    color: #0269D4;
    border-bottom-color: #0269D4; /* 仅改变边框颜色 */
    font-weight: bold;
}

.iot-application-menu-active {
    color: #0269D4;
    border-bottom-color: #0269D4; /* 仅改变边框颜色 */
    font-weight: bold;
}

/*算法*/
.algo-border {
    border: 1px solid #fff;
    padding: 20px;
}

/*公司简介*/
.bg-gradient-to-r {
    background-image: linear-gradient(to bottom, #005dcb, #004bb0) !important;
}

.YearIcon {
    line-height: 55px;
    font-size: 20px;
}

.YearIcon::before {
    content: url("../img/company-icon.svg");
    margin-right: 20px;
}

.blueVertical::before {
    content: '';
    display: block;
    height: 20px;
    width: 6px;
    background-color: #0665e5;
    transform: translate(-20px, 20px);
}

/*企业数字化管理*/

.gradient-bg {
    background: linear-gradient(to bottom, rgb(1, 3, 37), rgba(255, 255, 255, 0));
    width: 100%;
    height: 180px; /* 调整高度根据需要 */
}

/*输配电手风琴*/
#onepiece {
    width: 1280px;
    height: 630px;
    overflow: hidden;
    margin: 25px auto;

}

#onepiece ul {
    width: 3000px;
}

#onepiece li {
    display: block;
    width: 320px;
    height: 631px;
    position: relative;
    float: left;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.3s;

}

#onepiece li img {
    display: block;
    width: 850px;
    overflow: hidden;
    background-size: cover;
    height: 633px;
}

#onepiece ul:hover li {
    width: 160px;
}

#onepiece ul li:hover {
    width: 850px;
}


#onepiece .title {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 850px;
    background: rgba(0, 0, 0, 0.5);
}

#onepiece .title a {
    display: block;
    color: #fff;
    font-size: 16px;
    padding: 5px;
}

#onepiece .title span {
    display: block;
    color: #ccc;
    font-size: 16px;
    font-style: italic;
    padding-left: 5px;
    padding-bottom: 10px;
}

/*激光点云*/
.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

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

/*通用交互动画部分*/

.zoomable {
    transition: transform 1.0s;
}

.zoomable:hover {
    transform: scale(1.1); /* 放大到原来的1.2倍 */
    transform-origin: center;
}

/*智能终端硬件*/
#droneNav li {
    cursor: pointer;
}

#droneNav li:hover {
    color: #991b1b !important;
    font-weight: 600;
}

/*.drone-active::before {*/
/*    position: absolute;*/
/*    left: 0;*/
/*    top: 0;*/
/*    width: 100%;*/
/*    height: 4px;*/
/*    background-color: blue;*/
/*    transform: scaleX(1);*/
/*}*/
.drone-item {
    display: none !important;
}

.drone-item-active {
    display: block !important;
}

.drone-active {
    color: #991b1b !important;
    font-weight: 600;
}


/*///////////////////////*/
.heading-primary {
    font-size: 2em;
    padding: 2em;
    text-align: center;
}

.accordion dl,
.accordion-list {
    border: 1px solid #ddd;
}

.accordion dl:after,
.accordion-list:after {
    content: "";
    display: block;
    height: 1em;
    width: 100%;
    background-color: #fff;
}

.accordion dd,
.accordion__panel {
    background-color: #eee;
    font-size: 1em;
    line-height: 1.5em;
}

.accordion p {
    padding: 1em 2em 1em 2em;
}

.accordion {
    position: relative;
    background-color: #ffffff;
}


.accordionTitle,
.accordion__Heading {
    background-color: #ffffff;
    text-align: center;
    font-weight: 700;
    padding: 2em;
    display: block;
    text-decoration: none;
    color: #282828;
    -webkit-transition: background-color 0.5s ease-in-out;
    transition: background-color 0.5s ease-in-out;
    border-bottom: 1px solid #0c84ff;
}

.accordionTitle:before,
.accordion__Heading:before {
    content: "+";
    font-size: 1.5em;
    line-height: 0.5em;
    float: left;
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.accordionTitle:hover,
.accordion__Heading:hover {
    background-color: #ffffff;
}

.accordionTitleActive,
.accordionTitle.is-expanded {
    background-color: #ffffff;
}

.accordionTitleActive:before,
.accordionTitle.is-expanded:before {
    -webkit-transform: rotate(-225deg);
    transform: rotate(-225deg);
}

.accordionItem {
    height: auto;
    overflow: hidden;
    max-height: 50em;
    -webkit-transition: max-height 1s;
    transition: max-height 1s;
}

.accordionItem.is-collapsed {
    max-height: 0;
}

.no-js .accordionItem.is-collapsed {
    max-height: auto;
}

.animateIn {
    -webkit-animation: accordionIn 0.45s normal ease-in-out both 1;
    animation: accordionIn 0.45s normal ease-in-out both 1;
}

.animateOut {
    -webkit-animation: accordionOut 0.45s alternate ease-in-out both 1;
    animation: accordionOut 0.45s alternate ease-in-out both 1;
}

@-webkit-keyframes accordionIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.9) rotateX(-60deg);
        transform: scale(0.9) rotateX(-60deg);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes accordionIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.9) rotateX(-60deg);
        transform: scale(0.9) rotateX(-60deg);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes accordionOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.9) rotateX(-60deg);
        transform: scale(0.9) rotateX(-60deg);
    }
}

@keyframes accordionOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.9) rotateX(-60deg);
        transform: scale(0.9) rotateX(-60deg);
    }
}

body, html {
    font-size: 100%;
    padding: 0;
    margin: 0;
}

/* Reset */
*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.accordion a {
    color: #1c68ee;
}

/*公司介绍年份切换*/
.year {
    height: 584px;
}


.year-main-item {
    display: none;
    height: 780px;

}

.year-main-item-active {
    display: block;
    height: 780px;
}

.year-item {
    color: rgba(11, 13, 25, 0.3);
    cursor: pointer;
    adding-bottom: 1rem !important;
    padding-top: 1rem !important;
}

.year-item-active {
    color: #3b82f6 !important;
    font-size: 6rem;
    line-height: 1;
    padding-bottom: 1rem !important;
    padding-top: 1rem !important;
}

/*了解更多样式*/
/* 必要布局样式css */
.module-banner {
    /*background: #f5f5f5;*/
    /*padding-top: 200px;*/
}

.module-banner a {
    color: white;
}

.module-banner a:hover {
    font-weight: 600;
}

.module-banner-box {
    width: 1180px;
    margin: 0 auto;
    position: relative;
}

.module-banner-head {
    font-weight: normal;
    text-align: center;
    margin-bottom: 40px;
    color: #333;
}

.module-banner-head em {
    display: block;
    margin-bottom: 14px;
    font-style: normal;
    font-size: 30px;
}

.module-banner-head span {
    font-size: 16px;
    opacity: .6;
}

.module-banner-tab-list {
    float: left;
    width: 280px;
}

.module-banner-tab-list .module-tab-nav li:nth-child(1) {
    background: #454545;
}

.module-banner-tab-list .module-tab-nav li:nth-child(2) {
    background: #3b3b3b;
}

.module-banner-tab-list .module-tab-nav li:nth-child(3) {
    background: #333333;
}

.module-banner-tab-list .module-tab-nav li:nth-child(4) {
    background: #2b2b2b;
}

.module-banner-tab-list .module-tab-nav li:nth-child(5) {
    background: #212121;
}

.module-banner-tab-list .module-tab-nav li:nth-child(6) {
    background: #1a1a1a;
}

.module-banner-tab-list ul li {
    color: #fff;
    width: 280px;
    height: 70px;
    cursor: pointer;
    text-align: center;
    position: relative;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.module-banner-tab-list ul li p {
    margin: 0;
    line-height: 70px;
}

.module-banner-tab-list ul li i {
    width: 40px;
    height: 70px;
    display: none;
}

.module-banner-tab .module-banner-tab-list .module-tab-nav .on {
    opacity: 1;
    height: 140px;
    background-image: -webkit-linear-gradient(left, #01c2e6 0%, #1160ff 100%);
    background-image: -moz-linear-gradient(left, #01c2e6 0%, #1160ff 100%);
    background-image: -moz-linear-gradient(to right, #01c2e6 0%, #1160ff 100%);
    background-image: -o-linear-gradient(to right, #01c2e6 0%, #1160ff 100%);
    background-image: linear-gradient(to right, #01c2e6 0%, #1160ff 100%);
    background-repeat: repeat;
}

.module-banner-tab .module-banner-tab-list .module-tab-nav .on .icon {
    display: inline-block;
}

.module-banner-tab .module-banner-tab-list .module-tab-nav li:hover {
    background-image: -webkit-linear-gradient(left, rgba(1, 194, 230, 0.4) 0%, rgba(17, 96, 255, 0.4) 100%);
    background-image: -moz-linear-gradient(left, rgba(1, 194, 230, 0.4) 0%, rgba(17, 96, 255, 0.4) 100%);
    background-image: -moz-linear-gradient(to right, rgba(1, 194, 230, 0.4) 0%, rgba(17, 96, 255, 0.4) 100%);
    background-image: -o-linear-gradient(to right, rgba(1, 194, 230, 0.4) 0%, rgba(17, 96, 255, 0.4) 100%);
    background-image: linear-gradient(to right, rgba(1, 194, 230, 0.4) 0%, rgba(17, 96, 255, 0.4) 100%);
    background-repeat: repeat;
}

.module-banner-tab .module-banner-tab-list .module-tab-nav .on:hover {
    opacity: 1;
    height: 140px;
    background-image: -webkit-linear-gradient(left, #01c2e6 0%, #1160ff 100%);
    background-image: -moz-linear-gradient(left, #01c2e6 0%, #1160ff 100%);
    background-image: -moz-linear-gradient(to right, #01c2e6 0%, #1160ff 100%);
    background-image: -o-linear-gradient(to right, #01c2e6 0%, #1160ff 100%);
    background-image: linear-gradient(to right, #01c2e6 0%, #1160ff 100%);
    background-repeat: repeat;
}

.icon-warehouse01 {
    background: url(../img/idea.svg) no-repeat center bottom;
}

.icon-warehouse02 {
    background: url(../img/product-icon.svg) no-repeat center bottom;
}

/*.icon-warehouse03 {*/
/*    background: url(../images/item003.svg) no-repeat center bottom;*/
/*}*/

/*.icon-warehouse04 {*/
/*    background: url(../images/item004.svg) no-repeat center bottom;*/
/*}*/

/*.icon-warehouse05 {*/
/*    background: url(../images/item005.svg) no-repeat center bottom;*/
/*}*/

/*.icon-warehouse06 {*/
/*    background: url(../images/item006.svg) no-repeat center bottom;*/
/*}*/

.module-banner-tab-list-box {
    float: right;
    width: 1100px;
    padding-left: 5rem;
    height: 270px;
    overflow: hidden;
    position: relative;
}

.module-tab-box-ma {
    opacity: 1;
    z-index: 1;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.3s;
    position: absolute;
}

.module-tab-title h4 {
    margin: 0 0 20px 0;
    font-size: 16px;
    font-weight: normal;
    position: relative;
}

.module-tab-title h4:before {
    content: " ";
    display: inline-block;
    width: 3px;
    height: 16px;
    background: #108cee;
    margin-bottom: -2px;
    margin-right: 8px;
}

.module-tab-title p {
    color: #666;
    font-size: 14px;
    line-height: 24px;
}

.module-tab-text {
    margin: 20px 0;
}

.module-tab-text h4 {
    margin: 0 0 20px 0;
    font-size: 16px;
    font-weight: normal;
    position: relative;
}

.module-tab-text h4:before {
    content: " ";
    display: inline-block;
    width: 3px;
    height: 16px;
    background: #108cee;
    margin-bottom: -2px;
    margin-right: 8px;
}

.module-tab-text ul li {
    width: 33%;
    float: left;
    font-size: 14px;
    line-height: 38px;
    cursor: pointer;
    color: #a2a2a2;
    border: 1px solid #f4f4f4;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 9px !important;
    margin-left: 10px;
}

.icon-bdm {
    background: url(../images/icon-item008-1.svg) no-repeat center;
    background-size: cover;
}

.module-tab-text ul li:hover a {
    color: #08acee;
}

.module-tab-link {
    position: relative;
}

.module-tab-link:after {
    content: '';
    width: 8px;
    height: 8px;
    float: right;
    margin: 15px 20px 0 0;
    transform: rotate(45deg);
    border-top: 1px solid currentColor;
    border-right: 1px solid currentColor;
}

.module-tab-text ul .module-tab-link:hover:after {
    border-color: #108cee
}

.module-tab-text .module-tab-link + .module-tab-link {
    width: calc(33% - 20px);
    margin-left: 20px;
}

.icon-bds {
    background: url(../images/icon-item009-1.svg) no-repeat center;
    background-size: cover;
}

.icon-bdx {
    background: url(../images/icon-item010-1.svg) no-repeat center;
    background-size: cover;
}

.module-tab-more a {
    cursor: pointer;
    color: #fff;
    font-size: 14px;
    background: #108cee;
    text-align: center;
    width: 160px;
    display: inline-block;
    line-height: 40px;
    margin-top: 20px;
    text-decoration: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.2s;
}

.module-tab-more a:hover {
    background: #41a6f7
}

.module-tab-case li {
    float: left;
    margin-right: 20px;
}

.module-tab-case li i {
    width: 60px;
    height: 60px;
    border: 1px solid #f0f0f0;
    border-radius: 12px;
    display: inline-block;
}

.icon-case01 {
    background: url(../images/case001.png) no-repeat center;
    background-size: contain;
}

.icon-case02 {
    background: url(../images/case002.png) no-repeat center;
    background-size: contain;
}

.icon-case03 {
    background: url(../images/case003.png) no-repeat center;
    background-size: contain;
}

.icon-case04 {
    background: url(../images/case004.png) no-repeat center;
    background-size: contain;
}

.icon-case05 {
    background: url(../images/case005.png) no-repeat center;
    background-size: contain;
}

.icon-case06 {
    background: url(../images/case006.png) no-repeat center;
    background-size: contain;
}

.module-tab-case li span {
    color: #666;
    font-size: 12px;
    display: block;
    text-align: center;
    line-height: 24px;
}

/*光伏巡检平台*/
.photovoltaic-first {
    background: linear-gradient(to right, #FE5A48, #FE8B3F 150%);
    color: white;
}

.photovoltaic-first-box {
    text-align: center;
}

.our-service-sass {
    background: url(https://1bp.blogspot.com/-iQC_lzn3m5M/Xcqk5qZe_MI/AAAAAAAAUA8/7MjE-2EJ18glxu5GZL8RpDOCojh9l9ZagCLcBGAsYHQ/s1600/region_map.png) no-repeat center bottom;
    background-size: 100%;
    background-position: center;
    position: relative;
    padding: 15px 0 115px;
    background-color: #f9f9f9;
}

.theme-title-one .icon-box .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.icon-img img {
    border-radius: 50%;
    padding: 10px;
    background-color: #ffffff36;
}

.our-service-sass .service-block .title a {
    font-size: 22px;
    line-height: 32px;
    color: #253d5f;
    margin-bottom: 30px;
}

.theme-title-one .icon-box {
    display: inline-block;
    margin-bottom: 25px;
    position: relative;
}

[class^="flaticon-"]:before,
[class*=" flaticon-"]:before,
[class^="flaticon-"]:after,
[class*=" flaticon-"]:after {
    font-family: Flaticon;
    font-size: inherit;
    font-style: normal;
    color: inherit;
}

.icon-img {
    float: left;
    width: 100px;
    height: 200px;
    position: absolute;
    top: 50px;
    text-align: center;
}

/************************/

.our-service-sass .inner-wrapper:after {
    content: url(../images/shape/shape-14.svg);
    position: absolute;
    bottom: -165px;
    right: -165px;
    z-index: -1;
}

.our-service-sass .service-block {
    background: #fff;
    border: 1px solid #eff7ff;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    height: 369px;
    z-index: 5;
    padding: 180px 30px 25px 40px;
    -webkit-box-shadow: 0px 2px 10px 0px rgba(12, 0, 46, 0.06);
    box-shadow: 0px 2px 10px 0px rgba(12, 0, 46, 0.06);
    border: 1px solid #e6e4e4;
    margin-top: 45px;
}

.our-service-sass .service-block:before {
    content: "";
    width: 273px;
    height: 273px;
    background: #3972FD;
    border-radius: 50%;
    position: absolute;
    top: -148px;
    left: -83px;
    transform: scale(0);
}

.our-service-sass .service-block:hover:before {
    transform: scale(1);
    transition: all 0.5s linear;
    transition-delay: 0.1s;
}

.our-service-sass .service-block:hover {
    border-color: transparent;
}

.our-service-sass .service-block .icon-s {
    position: absolute;
    font-size: 65px;
    left: 40px;
    top: 52px;
}

.our-service-sass .single-block:nth-child(1) .service-block .icon-s {
    color: #6df7bc;
}

.our-service-sass .single-block:nth-child(2) .service-block .icon-s {
    color: #25e5eb;
}

.our-service-sass .single-block:nth-child(3) .service-block .icon-s {
    color: #ff4ca5;
}

.our-service-sass .service-block .title a {
    font-size: 22px;
    line-height: 32px;
    color: #253d5f;
    margin-bottom: 30px;
}

.our-service-sass .service-block p {
    color: #737f92;
    padding-bottom: 20px;
}

.our-service-sass .service-block .detail-button {
    font-size: 40px;
    color: #cad5e5;
}

.our-service-sass .service-block .hover-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #0D2E7C;
    z-index: -3;
    opacity: 0;
    transition: all 0.1s linear;
}

.our-service-sass .service-block:hover .hover-content {
    opacity: 1;
}

.our-service-sass .service-block .hover-content:before {
    content: "";
    width: 493px;
    height: 493px;
    background: #0641D1;
    border-radius: 50%;
    position: absolute;
    top: -250px;
    left: -180px;
    z-index: 1;
    transform: translate(-50%, -50%);
    opacity: 0;
}

.our-service-sass .service-block:hover .hover-content:before {
    opacity: 1;
    transform: translate(0, 0);
    transition: all 0.9s linear;
}

.our-service-sass .service-block .hover-content:after {
    content: "";
    width: 602px;
    height: 602px;
    background: #0030A2;
    border-radius: 50%;
    position: absolute;
    top: -196px;
    left: -180px;
    z-index: -1;
    transform: translate(-50%, -50%);
    opacity: 0;
}

.our-service-sass .service-block:hover .hover-content:after {
    opacity: 1;
    transform: translate(0, 0);
    transition: all 1.3s linear;
}

.our-service-sass .service-block .snow-dot {
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    clip-path: polygon(
            50% 0%,
            61% 35%,
            98% 35%,
            68% 57%,
            79% 91%,
            50% 70%,
            21% 91%,
            32% 57%,
            2% 35%,
            39% 35%
    );
    background: rgba(255, 255, 255, 0.5);
    z-index: -1;
}

@-webkit-keyframes rotate-center {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotate-center {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.our-service-sass .service-block .snow-dot:nth-child(1) {
    top: 25px;
    left: 41%;
    z-index: 1;
    animation: scale-upOne 1s alternate infinite ease-in;
}

.our-service-sass .service-block .snow-dot:nth-child(2) {
    top: 25px;
    left: 78%;
    animation: scale-upOne 1.1s alternate infinite ease-in;
}

.our-service-sass .service-block .snow-dot:nth-child(3) {
    top: 75px;
    left: 61%;
    animation: scale-upOne 0.8s alternate infinite ease-in;
}

.our-service-sass .service-block .snow-dot:nth-child(4) {
    top: 136px;
    left: 84%;
    animation: scale-upOne 1s alternate infinite ease-in;
}

.our-service-sass .service-block .snow-dot:nth-child(5) {
    bottom: 35px;
    right: 12%;
    animation: scale-upOne 1.2s alternate infinite ease-in;
}

.our-service-sass .service-block .snow-dot:nth-child(6) {
    bottom: 80px;
    right: 31%;
    animation: scale-upOne 0.9s alternate infinite ease-in;
}

.our-service-sass .service-block .snow-dot:nth-child(7) {
    bottom: 40px;
    right: 51%;
    animation: scale-upOne 1s alternate infinite ease-in;
}

.our-service-sass .service-block:hover .detail-button,
.our-service-sass .service-block:hover .icon-s,
.our-service-sass .service-block:hover .title a,
.our-service-sass .service-block:hover p {
    color: #fff !important;
}

.theme-more-feature.our-service-sass .inner-wrapper:after,
.theme-more-feature.our-service-sass .inner-wrapper:before,
.theme-more-feature.our-service-sass:after,
.theme-more-feature.our-service-sass:before {
    display: none;
}

.our-service-sass.theme-more-feature {
    background: 0 0;
    padding: 165px 0 180px;
}

.our-service-app {
    position: relative;
    padding: 260px 0 200px;
    border-bottom: 1px solid #ededed;
}

.our-service-app .main-content {
    max-width: 1450px;
    padding: 0 15px;
    margin: 90px auto 0;
}

.our-service-app .main-content .inner-wrapper {
    text-align: center;
    position: relative;
    margin-top: 50px;
}

.our-service-app .main-content .inner-wrapper .title a {
    font-size: 24px;
    color: #4e4e4e;
    margin: 45px 0 30px;
}

.our-service-app .main-content .inner-wrapper:hover .title a {
    color: #614ef9;
}

.our-service-app .main-content .inner-wrapper p {
    line-height: 30px;
    padding: 0 50px;
    color: #8c929d;
}

.our-service-app .main-content .inner-wrapper .illustration-box {
    display: inline-block;
    position: relative;
    min-height: 230px;
}

.our-service-app
.main-content
.single-block:nth-child(1)
.illustration-box
.bg-shape,
.our-service-app
.main-content
.single-block:nth-child(3)
.illustration-box
.bg-shape {
    animation: rotated 35s infinite linear;
}

.our-service-app
.main-content
.single-block:nth-child(1)
.illustration-box
.block-shape-one {
    position: absolute;
    top: 42px;
    left: -16px;
}

.our-service-app
.main-content
.single-block:nth-child(1)
.illustration-box
.block-shape-two {
    position: absolute;
    top: 42px;
    right: 0;
}

.our-service-app
.main-content
.single-block:nth-child(1)
.illustration-box
.block-shape-three {
    position: absolute;
    bottom: 24px;
    right: 0;
}

.our-service-app
.main-content
.single-block:nth-child(1)
.illustration-box
[class*="block-shape"] {
    transform: scale(1.5);
}

.our-service-app
.main-content
.single-block
.illustration-box
[class*="block-shape"] {
    opacity: 0;
    transition: all 1.0s ease-in-out;
}

.our-service-app
.main-content
.single-block:nth-child(2)
.illustration-box
.block-shape-one {
    position: absolute;
    top: 120px;
    left: 26px;
    transform: scale(1.5);
}

.our-service-app
.main-content
.single-block:nth-child(2)
.illustration-box
.block-shape-two {
    position: absolute;
    top: 0;
    left: 120px;
    transform: scale(1.5);
}

.our-service-app
.main-content
.single-block:nth-child(2)
.illustration-box
.block-shape-three {
    position: absolute;
    top: 66px;
    right: 6px;
    transform: scale(1.5);
}

.our-service-app
.main-content
.single-block:nth-child(2)
.illustration-box
.block-shape-four {
    position: absolute;
    top: 52px;
    right: 63px;
    transform: translateY(30px);
}

.our-service-app
.main-content.show-pr
.single-block:nth-child(2)
.illustration-box
[class*="block-shape"] {
    opacity: 1;
    transform: scale(1);
}

.our-service-app
.main-content.show-pr
.single-block:nth-child(2)
.illustration-box
.block-shape-four {
    transform: translateY(0);
}

.our-service-app
.main-content
.single-block:nth-child(3)
.illustration-box
.block-shape-one {
    position: absolute;
    top: 7px;
    left: 45px;
    transform: scale(1.5);
}

.our-service-app
.main-content.show-pr
.single-block:nth-child(1)
.illustration-box
[class*="block-shape"],
.our-service-app
.main-content.show-pr
.single-block:nth-child(2)
.illustration-box
[class*="block-shape"],
.our-service-app
.main-content.show-pr
.single-block:nth-child(3)
.illustration-box
[class*="block-shape"] {
    opacity: 1;
    transform: scale(1);
}

.our-service-app
.main-content
.single-block:nth-child(2)
.illustration-box:after,
.our-service-app
.main-content
.single-block:nth-child(2)
.illustration-box:before {
    content: "";
    position: absolute;
    width: 145px;
    height: 1px;
    border-top: 1px dashed #e6e6e6;
    top: 45%;
}

.our-service-app
.main-content
.single-block:nth-child(2)
.illustration-box:before {
    right: -150px;
}

.our-service-app
.main-content
.single-block:nth-child(2)
.illustration-box:after {
    left: -150px;
}

.our-service-app .main-content .more-button {
    display: block;
    width: 230px;
    line-height: 51px;
    border-radius: 30px;
    background: #614ef9;
    border: 2px solid #614ef9;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    margin: 100px auto 0;
    text-align: center;
}

.our-service-app .main-content .more-button:hover {
    background: #fff;
    color: #614ef9;
}

.our-service-app .main-content .down-arrow {
    display: block;
    width: 60px;
    height: 60px;
    box-shadow: 0 15px 20px 0 rgba(209, 218, 235, 0.35);
    background: #fff;
    border-radius: 50%;
    margin: 0 0 0 -30px;
    line-height: 60px;
    text-align: center;
    color: #7494b5;
    font-size: 20px;
    position: absolute;
    bottom: -30px;
    left: 50%;
    z-index: 1;
}

.our-service-app .main-content .down-arrow span {
    display: block;
    transform: rotate(-90deg);
}

.our-service-app .main-content .down-arrow:hover {
    color: #fff;
    background: #614ef9;
}

/****************animation*************/

@-webkit-keyframes rotate-center {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotate-center {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.bg-shape {
    -webkit-animation: rotate-center 5s linear infinite both;
    animation: rotate-center 5s linear infinite both;
    cursor: pointer;
}

@-webkit-keyframes scale-upOne {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(0.2);
        transform: scale(0.2);
    }
}

@keyframes scale-upOne {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(0.2);
        transform: scale(0.2);
    }
}