body {overflow: visible;}
.about-banner {position: relative;height: 480px;background: url("../images/banner.png") center center no-repeat;background-size: cover;}
.about-banner .banner-container {position: absolute;right: 50%;bottom: 110px;width: 1200px;transform: translateX(50%);}
.banner-container .banner-container-title {text-align: left;color: #fff;font-family: FZLTHJW;font-weight: normal;font-size: 38px;margin-bottom: 15px;}
.banner-container .banner-container-context {text-align: left;font-family: PingFangSC;color: #fff;font-weight: 200;font-size: 16px;margin-bottom: 52px;}
.banner-container .banner-container-btns {display: flex;justify-content: flex-start;color: #FFFFFF;font-size: 16px;}
.banner-container-btns button,
.banner-container-btns a {width: 110px;height: 46px;line-height: 46px;border: 0;outline: none;}
.banner-container-btns button {margin-right: 10px;background-color: rgba(35, 134, 238, 1);}
.banner-container-btns a {display: inline-block;background-color: rgba(0, 204, 254, 1);}

/* 视频播放窗口样式 */
.video_window {display: none;position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;background-color: rgba(0,0,0,.5);z-index: 99999;}
.video_window .video_fadeout {position: absolute;top: 5px;right: 25px;width: 30px;height: 30px;border-radius: 15px;line-height: 26px;text-align: center;font-size: 24px;cursor: pointer;color: #fff;box-shadow: 0px 2px 45px 0px rgba(255, 255, 255, 0.5);}
.video_window video {    position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);outline: 0;}

/* 描点导航 */
/* 导航 start */

.mainnav {position: sticky;position: -webkit-sticky;top: 0;width: 100%;height: 60px;line-height: 60px;text-align: left;z-index: 99;background-color: white;border-bottom: 1px solid rgba(229, 229, 229, 1);}

.mainnav-list {height: 61.5px;display: inline-block;font-size: 16px;color: #303030;margin-right: 60px;cursor: pointer;position: relative;}
.mainnav-click-active{color: rgba(35, 134, 238, 1);}

.temp-width {position: relative;width: 1200px;margin: 0 auto;}

#insight-business {padding-top: 73.5px;}

.big-title {margin-bottom: 41.5px;color: #061828;font-size: 32px;}
.business-container {display: flex;width: 1200px;margin: 0 auto 60px auto;}
.container-item {flex: 1;padding: 45px 20px;background: #FFF;box-shadow: 0px 3px 14px 0px rgba(28, 45, 64, 0.12);}
.container-item:nth-child(n+2) {margin-left: 20px;}
.container-item  .item-img-box {height: 100px;}
.container-item img {width: 100px;}
.container-item .state {margin-top: 42px;margin-bottom: 12px;color: rgba(6, 24, 40, .8);font-size: 14px;}
.container-item .bottom-title {color: #061828;font-size: 20px;}
#insight-management {padding-top: 103.5px;padding-bottom: 100px;margin-bottom: 93.5px;background: url("../images/ebc-flip.png") center center no-repeat;background-size: cover;}
#insight-management .state-manage {width: 1200px;margin: 0 auto 30px auto;color: rgba(6, 24, 40, .8);text-align: left;font-size: 16px;}
#insight-management .rounds {display: flex;justify-content: center;align-items: center;}
.rounds .round,
.rounds .round-alone {display: flex;flex-direction: column;justify-content: center;}
.rounds .round {position: relative;width: 184px;height: 184px;border-radius: 50%;background-color: rgba(35, 134, 238, .8);color: #fff;}
.rounds .round >div:first-child {font-weight: bold;font-size: 26px;line-height: 32px;}
.rounds .round >div:nth-child(2) {font-weight: 400;font-size: 17px;line-height: 26px;}
.rounds .round >div:last-child {position: absolute;right: 4px;bottom: 50%;transform: translateY(50%);font-weight: bold;font-size: 21px;}

.rounds .round-alone {position: relative;width: 159px;height: 159px;border-radius: 50%;background-color: rgba(0, 204, 254, .8);color: #fff;transform: translateX(-23px);}
.rounds .round-alone:nth-child(3) {transform: translateX(-46px);}
.rounds .round-alone:nth-child(4) {transform: translateX(-69px);}
.rounds .round-alone >div:first-child {font-weight: bold;font-size: 21px;line-height: 32px;}
.rounds .round-alone >div:nth-child(2) {font-weight: 400;font-size: 17px;line-height: 26px;opacity: 0.7;}
.rounds .round-alone:nth-last-child(n+2) >div:last-child {position: absolute;right: 8px;bottom: 50%;transform: translateY(50%);/* font-weight: bold; */font-size: 21px;opacity: .8;}
#insight-management .second-title {margin-top: 42px;margin-bottom: 24px;line-height: 48px;color: rgba(6, 24, 40, .8);font-family: Adobe Heiti Std;font-weight: normal;font-size: 24px;}
#insight-management .second-content {display: flex;flex-wrap: wrap;width: 1200px;margin: 0 auto;}
.mouse-area {width: calc((100% - 20px) / 3);height: 210px;margin-right: 10px;margin-bottom: 10px;/* -webkit-perspective: 1000;-moz-perspective: 1000;-ms-perspective: 1000;perspective: 1000; */
}
.second-content .cecond-content-item {position: relative;height: 100%;/* transform-style: preserve-3d;-webkit-transform-style: preserve-3d; */transition: all 1s;overflow: hidden;}
.second-content .cecond-content-item .hid-context {display: flex;flex-direction: column;justify-content: center;position: absolute;top: 20px;left: 0;width: 100%;height: 100%;padding: 0 10px 0 40px;text-align: left;/* transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg); */background-color: rgba(22, 104, 220, 1);/* backface-visibility: hidden; */z-index: 1;opacity: 0;transition: all .3s;}
.hid-context .title {margin-bottom: 22px;color: #FFFFFF;font-size: 28px;}
.hid-context .list {color: #FFFFFF;font-size: 16px;font-weight: 200;line-height: 30px;}
.second-content .mouse-area:nth-child(3n) {margin-right: 0;}
.second-content .cecond-content-item .context-only {position: absolute;top: 0;left: 0;width: 100%;height: 100%;line-height: 210px;color: #FFFFFF;font-family: PingFangSC;font-size: 60px;/* backface-visibility: hidden; */
}
/* @keyframes rotateInsight{0%   { transform: rotateY(0deg) }25%  { transform: rotateY(60deg) }50%  { transform: rotateY(120deg) }100% { transform: rotateY(180deg) }
} */
.second-content .mouse-area:hover .hid-context {/* transform: rotateY(180deg);-webkit-transform: rotateY(180deg); */top: 0;opacity: 1;}
.second-content .mouse-area:first-child .context-only {background: url("../images/digital-1.png") center center no-repeat;background-size: cover;background-color: #fff;}
.second-content .mouse-area:nth-child(2) .context-only {background: url("../images/digital-2.png") center center no-repeat;background-size: cover;background-color: #fff;}
.second-content .mouse-area:nth-child(3) .context-only {background: url("../images/digital-3.png") center center no-repeat;background-size: cover;background-color: #fff;}
.second-content .mouse-area:nth-child(4) .context-only {background: url("../images/digital-4.png") center center no-repeat;background-size: cover;background-color: #fff;}
.second-content .mouse-area:nth-child(5) .context-only {background: url("../images/digital-5.png") center center no-repeat;background-size: cover;background-color: #fff;}
.second-content .mouse-area:nth-child(6) .context-only {background: url("../images/digital-6.png") center center no-repeat;background-size: cover;background-color: #fff;}

#insight-service {width: 1200px;margin: 0 auto 100px auto;overflow: hidden;}
#insight-service .big-title {margin-bottom: 53.5px;}
#insight-service .swiper-slide {display: flex;justify-content: space-between;padding: 0 15px;}
#insight-service .swiper-slide .slider-item {display: flex;flex-direction: column;width: calc((100% - 55px) / 2);padding: 43px 30px 37px 30px;background-color: #F7F7F7;}
#insight-service .swiper-slide .slider-item:hover {box-shadow: 0 0 10px 5px rgba(19, 32, 46, 0.17);}
.slider-item .slider-item-title {color: rgba(6, 24, 40, 1);/* font-weight: 300; */font-size: 24px;line-height: 24px;}
.slider-item .slider-item-line {width: 42px;height: 4px;margin: 18px auto 15px auto;background: #00CCFE;

}
.slider-item .slider-item-context {flex: 1;color: rgba(6, 24, 40, .8);line-height: 28px;text-align: left;font-size: 14px;}
.slider-item .bottom-box {display: flex;justify-content: space-between;margin-top: 17px;}
.slider-item .bottom-box .bottom-item {display: flex;flex-direction: column;align-items: center;width: calc((100% - 20px) / 2);height: 210px;padding: 17px 5px;background-color: #fff;}
.slider-item .bottom-box .bottom-item:first-child {margin-right: 20px;}
.bottom-box .bottom-item .text {flex: 1;margin-top: 15px;margin-bottom: 21px;/* line-height: 48px; */color: #061828;text-align: left;font-size: 14px;}
.bottom-box .bottom-item img {height: 60px;}
.bottom-box .bottom-item a {display: inline-block;width: 110px;height: 40px;line-height: 40px;color: rgba(35, 134, 238, 1);font-size: 14px;/* border: 1px solid #2386EE; */
}
/* 分页指示器 */
.swiper-pagination-insight {margin-top: 32px;}
.swiper-pagination-insight .swiper-pagination-bullet {width: 8px;height: 6px;background: #D9D9D9;border-radius: 0;}
.swiper-pagination-insight .swiper-pagination-bullet:nth-child(n+2) {margin-left: 10px;}
.swiper-pagination-insight .swiper-pagination-bullet-active {width: 29px;height: 6px;background: #2386EE;}

@media screen and (min-width: 751px) and (max-width: 1200px) {.about-banner .banner-container,.temp-width,.business-container,#insight-management .state-manage,#insight-management .second-content,#insight-service {    width: 80%;}.container-item .state {    text-align: left;}.container-item .bottom-title,.slider-item .slider-item-title {    font-size: 18px;}.hid-context .title {    font-size: 24px;}.bottom-item img {    width: 100% !important;    height: 44px !important;    /* object-fit: contain; */}
}
@media screen and (max-width: 768px) {.container-item .item-img-box {    height: 30px;}.container-item img {    width: 60px;}.container-item .bottom-title, .slider-item .slider-item-title {    font-size: 16px;}.bottom-box .bottom-item a {    width: 100%;}
}