@charset "utf-8";
/* ===================首页样式========================== */
.insidebar{font-weight: lighter;position: fixed;z-index: 20;top: 0;bottom: 0;left: 0;margin: auto;height: 300px;width: 132px;}
.insidebar-group{width: 100%;}
.insidebar-group li{display: block;width: 100%;position: relative;padding-left:40px;}
.insidebar-group li::before{content: '';width: 8px;height:8px;background-color: rgba(0, 175, 253, 0.5);position: absolute;left:24px;top: 50%;margin-top: -5px;}
.insidebar-group li a {display: block;padding: 0px 0;font-size: 15px;color:rgba(0, 162, 233, 0.8);font-weight: 500;line-height: 1;opacity: 0;transition: all .4s ease;}
.insidebar-group:hover li a{padding:12px 0;opacity: 1;}
.insidebar-group li.active:before{background-color: rgba(0, 175, 253, 1);}
.insidebar-group li.active a{color: #00a2e9;font-weight: 700;}
.incommon-title{width: 100%;text-align: center;}
.incommon-title h2{font-size: 32px;color: #2f343b;font-weight: 700;}
.incommon-title.white h2{color: #fff;}
.incommon-title P{font-size: 18px;color: #5f646c;margin-top: 14px;}
.incommon-title.white p{color: #9ba7bc;}
.btn{display: flex;justify-content: center;align-items: center;margin: 0 auto;width: 140px;height: 48px;font-size: 16px;color: #fff;border-radius: 24px;background-color: #00a2e9; transition: all .4s ease;}
.btn:hover{background-color:#fff;color: #00a2e9;}
/* inban */
.inbaner{width: 100%;position: relative;}
.inbaner-items{width: 100%;position: relative;}
.inban-pc{display: block;width: 100%;object-fit: cover;}
.inban-mb{display: none;}
.inbaner-cont{width: 100%;height: 100%; position: absolute;left: 0;top: 0;display: flex;align-items: center;}
.inbaner-contitems{width: 100%;}
.inbaner-cont h2{font-size:44px;color: #000;line-height:1;margin-bottom:38px;}
.inbaner-cont p{font-size: 20px;color: #000;line-height: 34px;}
.inbaner .inban-pagination{position: absolute;left: 0;bottom: 116px;text-align: center;z-index: 6;}
.inbaner .inban-pagination .swiper-pagination-bullet{width: 13px;height: 13px;border-radius: 50%;background-color: #fff;opacity: 1; margin: 0 12px !important;}
.inbaner .inban-pagination .swiper-pagination-bullet-active{background-color: #00a2e9;position: relative;}
.inbaner .inban-pagination .swiper-pagination-bullet-active::before{content: '';width: 21px;height: 21px;border-radius: 50%;border: 2px solid #00a2e9;position: absolute;left: 50%;top: 50%;margin-left: -10.5px;margin-top: -10.5px;}
.inbaner .btn{margin:80px 0 0 0;}
/* --DH-- */
.inbaner-cont h2{opacity: 0;}
.inbaner-cont p{opacity: 0;}
.swiper-slide-active .inbaner-cont h2{animation: enP .6s ease-out both .4s;}
.swiper-slide-active .inbaner-cont p{animation: enP .6s ease-out both .4s;}
@keyframes enP{0%{opacity: 0;transform: translateX(60px);}100%{opacity: 1;transform: translateX(0);}}
.inbaner-cont .btn{opacity: 0;}
.swiper-slide-active .inbaner-cont .btn{animation: cnDh 0.8s ease-out both 1.2s;}
@keyframes cnDh{0%{opacity: 0;transform: translateY(60px);}100%{opacity: 1;transform: translateY(0);}}
/* --DH-- */
/* 首页菜单栏 */
.indcoulmn{width: 100%;position: relative;}
.indmenu{width: 100%;position: absolute;left: 0; top: -80px;z-index: 2;}
.indmenu-items{width: 100%;font-size: 0;box-shadow: 0 0 43px rgba(30, 36, 41, .16);background-color: #fff;opacity: 0;animation: indmenu 1s ease both .2s;}
@keyframes indmenu{0%{opacity: 0;transform: translateY(160px);}100%{opacity: 1;transform: translateY(0);}}
.indmenu-link{display: flex;justify-content: center;align-items: center;width: 25%;float: left;height: 160px;transition: all .6s ease;position: relative;}
.indmenu-2 .indmenu-link{width: 50%;}
.indmenu-3 .indmenu-link{width: 33.3333%;}
.indmenu-4 .indmenu-link{width: 25%;}
.indmenu-5 .indmenu-link{width: 20%;}
.indmenu-6 .indmenu-link{width: 16.6666%;}
.indmenu-link::after{content: "";position: absolute;width: 1px;height: 90px;background: #e8e8e8;right: 0;top: 50%;transform: translateY(-50%);transition: all .4s ease;}
.indmenu-link:last-child:after{display: none;}
.indmenu-link i{width:50px;height: 48px;position: relative;display: block;text-align: center;}
.indmenu-link i img{max-height: 100%;max-width: 100%;position: absolute;transition: all .4s ease;left: 0;right: 0;margin: 0 auto;}
.indmenu-link i img.indmenu-link-s{opacity: 1;}
.indmenu-link i img.indmenu-link-h{opacity: 0;}
.indmenu-link .indmenu-cont{margin-left: 26px;}
.indmenu-link .indmenu-cont h2{font-size: 18px;color: #2f343b;transition: all .4s ease;line-height: 1;}
.indmenu-link .indmenu-cont p{font-size: 14px;color: #8c9097;margin-top: 6px;transition: all .4s ease;} 
.indmenu-link:hover{background: #00a2e9;}
.indmenu-link:hover::after{opacity: 0;}
.indmenu-link:hover i img.indmenu-link-s{opacity: 0;}
.indmenu-link:hover i img.indmenu-link-h{opacity: 1;}
.indmenu-link:hover h2{color: #fff;}
.indmenu-link:hover p{color: #fff;}
.inprod{width: 100%;padding: 178px 0 100px;background-position: left top;background-repeat: no-repeat;background-size: cover;}
.inprod-list{width:100%;margin-top: 28px;overflow: hidden;}
.inprod-list li{float: left;display: flex;align-items: center;position: relative;overflow: hidden;width:23.5%;height: 220px;margin-right: 2%;margin-bottom: 20px;background: #fff;transition: all .4s ease;}
.inprod-list li:nth-child(4n){margin-right: 0;}
.inprod-list li:hover .inprod-link{bottom: 0;}
.inprod-list li:hover .inprod-wd i{opacity: 0;}
.inprod-list li:hover .inprod-wd{transform: translateY(-66px);}
.inprod-list li:hover{box-shadow: 0 4px 16px 0px rgba(0, 0, 0, 0.12);z-index: 2;}
.inprod-wd{width: 100%;text-align: center;transition: all .4s ease;}
.inprod-wd i{display: block;height: 62px;line-height: 62px;overflow: hidden;transition: all .2s ease;}
.inprod-wd i img {height: 62px;}
.inprod-wd h4{font-size: 18px;color: #2f343b;margin: 32px 0 12px;font-weight: 500;}
.inprod-wd p{font-size: 14px;color: #8d9198;line-height: 22px;max-width: 240px;margin: 0 auto;min-height: 44px;overflow: hidden;-webkit-line-clamp: 2;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.inprod-link{width: 100%;position: absolute;bottom: -54px;left: 0;font-size: 0;z-index: 4;transition: all .4s ease;}
.inprod-link a{display: inline-block;vertical-align: top;height: 54px;line-height: 54px;text-align: center;width: 50%;font-size: 14px;}
.inprod-link a:first-child{border: 1px solid #00a2e9;color: #00a2e9;background: #fff;}
.inprod-link a:last-child{background: linear-gradient(135deg,#00a2e9,#00aeee);color: #fff;}
.inprod .btn{margin-top:16px;}
/* 解决方案 */
.inproj{width: 100%;position: relative;z-index: 1;}
.inproj-mix{width: 100%;position: absolute;left: 0;top: 100px;z-index: 3;}
.inproj-menu{width: 100%;font-size: 0;text-align: center;margin-top: 36px;user-select: none;}
.inproj-menu a{display: inline-block;width: 150px;height: 68px;text-align: center;cursor: pointer;position: relative;transition: all .4s ease;}
.inproj-menu a::before{content: '';width: 1px;height: 16px;background-color: #cdcecf;position: absolute;left:0;top: 50%;margin-top: -8px;transition: all .4s ease;}
.inproj-menu a h2{display: inline-block; font-size: 16px;line-height: 68px;color: #fff;transition: all .4s ease;}
.inproj-menu a.active{background-color: #00a2e9;}
.inproj-menu a.active::before{display: none;}
.inproj-menu a.on::before{display: none;}
.inproj-menu a:last-child::after{content: '';width: 1px;height: 16px;background-color: #cdcecf;position: absolute;right:0;top: 50%;margin-top: -8px;transition: all .4s ease;}
.inproj-menu a:last-child:hover{background-color: #00a2e9;}
.inproj-menu a:last-child:hover::before{display: none;}
.inproj-menu a:last-child:hover::after{display: none;}
.inproj-list{width: 100%;}
.inproj-Bjimg{width: 100%;position: relative; overflow: hidden;}
.inproj-Bjimg img {width: 100%;object-fit: cover;height: 40vw;}
.inproj-img-pc {display: block;}
.inproj-img-mb{ display: none;}
.inproj-cont{position: absolute;bottom:188px;left: 0;right: 0;margin: 0 auto; width: 100%;overflow: hidden;text-align: center;}
.inproj-cont h2{font-size:28px;color: #fff;opacity: 0;transition: all 1.2s ease 200ms;}
.inproj-cont p{font-size: 16px;color: #fff;line-height: 34px;margin-top: 12px;opacity: 0;transition: all 1.2s ease 300ms;}
.inproj-cont .btn{margin-top:36px;opacity: 0;}
@keyframes moveLft{0%{opacity: 0;transform: translateX(340px);}100%{opacity: 1;transform: translateX(0);}}
.swiper-slide-active .inproj-cont h2,.swiper-slide-active .inproj-cont p,.swiper-slide-active .btn{animation:moveLft 1.2s ease alternate;opacity: 1;}
/* 案例故事 */
.incase{width: 100%;padding:96px 0 100px;background-position: left top;background-repeat: no-repeat;background-size: cover;}
.incase-item{width: 100%;margin-top: 38px;overflow: hidden;position: relative;}
.incase-contain{width:100%;padding: 0 52px;}
.incase-loop{width: 100%;position: relative;}
.incase-yxlft,.incase-yxrgt{width:0;height: 0;position: absolute;left: 0;top: 0;background-color: rgba(255, 255, 255, 0.67);z-index: 3;}
.incase-yxrgt{left: auto;right: 0;}
.incase-mix{width: 100%;background: #fff;position: relative;overflow: hidden;}
.incase-mix::after { content: "";width: 0%;height:3px;background-color: #00a2e9;position: absolute;left: 0;bottom: 0;transition: all .4s ease;}
.incase-img{width: 100%;overflow: hidden;}
.incase-img img{width: 100%;object-fit: cover;transition: all .6s ease;}
.incase-cont{width: 100%;padding:30px 20px 28px 30px;}
.incase-cont h2{font-size: 18px;color: #2f343b;line-height: 24px;margin-bottom:10px;transition: all .4s ease;font-weight: 500;height: 48px;overflow: hidden;-webkit-line-clamp: 2;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.incase-cont p{font-size: 14px;line-height: 18px;color: #5f646c;transition: all .4s ease;height: 36px;overflow: hidden;-webkit-line-clamp: 2;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.incase-mix:hover::after {width: 100%;right: auto;left: 0;}
.incase-mix:hover .incase-cont h2,.incase-mix:hover .incase-cont span{color: #00a2e9;}
.incase-mix:hover .incase-img img{transform: scale(1.06);} 
.incase-btn{width:100%;height: 88px;}
.incase-btn .contain{position: relative;}
@keyframes arrRun{0%{background-position: center center;}60%{background-position: 60px center;}60.0001%{background-position: -60px center;}100%{background-position: center center;}}
.incase-next,.incase-prev{width:18px;height: 16px;display: block;cursor: pointer;overflow: hidden;background: url('../images/index/incase_arrL.png') no-repeat center;position: absolute;left: 0;top:44px;margin-top: -8px; transition: all .4s ease;}
.incase-next{transform: rotate(180deg);left: auto;right: 0;}
.incase-pagination{width: 92%;height: 2px;top:44px;left: 0;right:0; margin: -1px auto 0; background: #c1d3dc;}
.incase-loop  .swiper-pagination-progress .swiper-pagination-progressbar{background: #00a2e9;} 
/* 新闻资讯 */
.innews{width: 100%;padding:96px 0 100px;background-color: #f4f8ff;overflow: hidden;}
.innews-item{width: 100%;margin-top: 36px;}
.innews-item ul{margin-left: -2%;}
.innews-item li{width:24%;float: left;margin-left:2%;background: #fff;transition: all .4s ease;overflow: hidden;}
.innews-item li:first-child{margin-left: 0;}
.innews-item li:hover{box-shadow: 0 4px 20px 2px #cecece;}
.innews-bar a{display: block;width: 100%;overflow: hidden;}
.innews-img{width: 100%;overflow: hidden;}
.innews-img img{width: 100%;object-fit: cover;transition: all .4s linear;height: 200px;}
.innews-cont{width: 100%;padding:38px 38px 88px;overflow: hidden;position: relative;}
.innews-cont::after{content: '';width: 20px;height: 14px;background: url('../images/index/innews_Arr.png')no-repeat center;position: absolute;right: 38px;bottom: 38px;}
.innews-cont h1{font-size: 24px;color: #2f343b;line-height: 1;padding-bottom: 16px;position: relative;}
.innews-cont h1::before{content: '';width: 30px;height: 3px;background-color: #00a2e9;position: absolute;left: 0;bottom: 0;}
.innews-cont h2{font-size: 18px;color: #2f343b;font-weight: 500;line-height:24px;height:48px;margin: 38px 0 30px;transition: all .4s ease;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.innews-cont p{font-size: 14px;color: #8d9198;line-height: 24px;height:72px; overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.innews-bar a:hover .innews-img img{transform: scale(1.06);}
.innews-bar a:hover .innews-cont h2{color: #00a2e9;}
.innews-item li.innews-menu{width: 46%;}
.innews-link{width: 100%;padding:14px 40px 0;position: relative;overflow: hidden;}
.innews-link:before{content: "";width: 100%;height: 15px;background: #fff;top: 9px;left: 0;z-index: 2;position: absolute;}
.innews-link .swiper-wrapper{height: 408px !important;}
.innews-link .innews-list{display: flex;width: 100%;border-bottom: 1px dashed #b6bfce;padding: 25px 0;}
.innews-list .innews-li_img{width:154px;height: 80px;overflow: hidden;}
.innews-list .innews-li_img img{width: 100%;height: 100%;object-fit: cover;transition: all .4s linear;}
.innews-list:hover .innews-li_img img{transform: scale(1.06);}
.innews-li_cont{width: calc(100% - 154px);padding-left: 20px;}
.innews-link .innews-list h2{font-size: 18px;line-height: 20px;font-weight: 500;color: #2f343b;transition: all .4s ease;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.innews-link .innews-list p{font-size: 14px;color: #8d9198;line-height: 24px;margin-top:16px;height: 48px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.innews-link .innews-list:hover h2{color: #00a2e9;}
.innews-more{width: 100%;height:110px;margin-top:22px;transition: all .4s ease;}
.innews-more .btn:hover{border: 1px solid #00a2e9;}
.innews-line{display: none;position: absolute;width: 2px;height: 95px;right: 0;top: 0px;background: #00a2e9;z-index: 5;transition: all .8s ease;}
.inwork{width: 100%;height: 480px;background-repeat: no-repeat;background-size: cover;background-position: center;display: flex;align-items: center;overflow: hidden;}
.inwork-title{width: 100%;}
.inwork-title p{font-size: 26px;line-height:40px;color: #fff;opacity: .85;max-width: 648px;}
.inwork-title p span{font-size: 48px;color: #00a2e9;font-family:'KELPTA3';}
.inwork-link{width: 100%;font-size: 0;margin-top: 48px;max-width:538px;}
.inwork-link a{display: inline-block;font-size: 14px;color: #eee;line-height:32px;opacity: .75;margin-right:18px;padding-right: 24px;transition: all .4s ease;position: relative;}
.inwork-link a::after{content: '';width: 4px;height: 4px;border-radius: 50%;background-color: #c1ccd7;position: absolute;right: 0;top: 50%;margin-top: -2px;}
.inwork-link a:nth-child(8){margin-right: 0;padding-right: 0;}
.inwork-link a:nth-child(8)::after{display: none;}
.inwork-link a:last-child{margin-right: 0;padding-right: 0;}
.inwork-link a:last-child::after{display: none;}
.inwork-link a:hover{color: #00a2e9;}
/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
}
@media all and (max-width:1599px) {
    /* 1440 × (700)  */
    .inbaner .btn { margin: 58px 0 0 0;}
    .indmenu-link .indmenu-cont {margin-left: 20px;max-width:112px;}
    .inprod {padding: 158px 0 100px;}
    .inprod-wd p {padding: 0 16px;}
    .inproj-menu a{width: 128px;}
    .inproj-cont {bottom: 68px;}
    .incase-line {width: 930px;}
}
@media all and (max-width:1439px) {
    /* 1360 */
    .inproj-menu{margin-top: 20px;}
    .inproj-menu a{height: 60px;}
    .inproj-menu a h2{line-height: 60px;}
}
@media all and (max-width:1359px) {
    /* 1280 */
    .inproj-mix{top: 88px;}
}
@media all and (max-width:1279px) {
    /* 1152 × (700) */
    .btn {width: 128px;height: 38px;}
    .incommon-title h2 {font-size: 28px;}
    .inbaner-cont h2 {font-size: 32px; margin-bottom:28px;}
    .inbaner-cont p {font-size: 18px;line-height: 28px;}
    .inbaner .btn {margin: 42px 0 0 0;}
    .indmenu-link {height: 138px;}
    .indmenu {top: -66px;}
    .indmenu-link i {width: 38px;}
    .inprod {padding: 130px 0 80px;}
    .inprod-wd h4 {margin: 26px 0 10px;}
    .inproj-mix {top: 48px;}
    .inproj-menu a {height: 48px;}
    .inproj-menu a h2 {line-height: 48px;}
    .inproj-cont {bottom: 58px;}
    .inproj-cont h2{font-size: 24px;}
    .inproj-cont p{font-size: 15px;line-height: 28px;}
    .inproj-cont .btn{margin-top: 28px;}
    .incase {padding:80px 0 80px;}
    .incase-line {width: 730px;}
    .innews {padding:80px 0 80px;}
    .innews-cont {padding: 28px 20px 48px;}
    .innews-cont h1{font-size: 20px;}
    .innews-cont h2 {font-size: 16px;line-height: 22px;height: 44px; margin: 28px 0 20px;}
    .innews-cont::after {bottom: 20px;right: 28px;}
    .innews-link .swiper-wrapper {height: 368px !important;}
    .innews-link .innews-list {padding: 20px 0;}
    .innews-link .innews-list h2 {font-size: 16px;line-height: 18px;}
    .innews-link .innews-list p {margin-top: 12px;}
    .innews-more {height: 78px;margin-top: 16px;}
    .inwork {height: 380px;}
}
@media all and (max-width:1151px) {
    /* 1024 */
    .inproj-Bjimg img{height: 470px;}
}
/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .insidebar{display: none;}
    .incommon-title h2 {font-size: 26px;}
    .inbaner-cont h2 {font-size: 26px;margin-bottom: 20px;}
    .inbaner-cont p {font-size: 16px;line-height: 26px;}
    .inbaner .btn {margin: 28px 0 0 0;}
    .inbaner .inban-pagination {bottom: 88px;}
    .indmenu-link i {width: 32px;}
    .indmenu-link .indmenu-cont {margin-left: 12px;max-width: 98px;}
    .indmenu-link .indmenu-cont h2 {font-size: 16px;}
    .indmenu-link .indmenu-cont p {font-size: 14px;line-height: 20px; height: 40px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
    .inprod {padding: 120px 0 60px;}
    .inprod-wd i img {height: 48px;}
    .inprod-wd h4 {font-size: 16px;margin: 28px 0 12px;padding:0 12px; white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
    .inproj-cont h2 {font-size: 24px;}
    .inproj-cont p {font-size: 14px;line-height: 24px;}
    .incase { padding: 60px 0 ;}
    .incase-pagination {width: 88%;}
    .incase-contain {padding: 0 4%;}
    .innews {padding: 60px 0;}
    .inwork {height: 320px;}
    .inwork-title p {font-size: 20px;line-height: 32px;max-width: 500px;}
    .inwork-title p span { font-size: 38px;}
    .inwork-link {margin-top: 32px;max-width: 538px;}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .btn {width: 98px;height: 32px;font-size: 14px;}
    .incommon-title h2 {font-size: 20px;}
    .incommon-title P {font-size: 16px;margin-top: 10px;}
    .inban-pc {display: none;}
    .inban-mb {display: block;width: 100%;object-fit: cover;min-height: 300px;}
    .inbaner-cont h2 {font-size: 22px;margin-bottom: 12px;}
    .inbaner-cont p {font-size: 14px;line-height: 24px;}
    .inbaner .btn {margin: 18px 0 0 0;}
    .inbaner .inban-pagination {bottom: 10px;}
    .indcoulmn{padding: 40px 0;display:none;}
    .indmenu {position: static;}
    .indmenu-4 .indmenu-link {width: 50%;}
    .inprod {padding: 40px 0;}
    .inprod-list li {width: 48%;}
    .inprod-list li:nth-child(2n){margin-right: 0;}
    .inproj-menu a {width: auto;height: 38px;padding: 0 12px;}
    .inproj-menu a h2 {font-size: 14px;line-height: 38px;color: #fff;transition: all .4s ease;}
    .inproj-img-pc {display: none;}
    .inproj-img-mb{ display: block;}
    .inproj-cont h2 {font-size: 18px;}
    .inproj-cont .btn { margin-top: 28px;}
    .incase {padding:40px 0;}
    .incase-item {margin-top: 28px;}
    .incase-yxlft, .incase-yxrgt {display: none;}
    .incase-pagination {width: 80%;}
    .innews {padding:40px 0;}
    .innews-item {margin-top: 28px;}
    .innews-item ul {margin-left: 0%;}
    .innews-item li {width:100%;margin-bottom: 28px;margin-left: 0;}
    .innews-item li :last-child{margin-bottom: 0;}
    .innews-item li.innews-menu {width:100%;}
    .inwork {height: 280px;}
    .inwork-title p {font-size: 16px;line-height: 26px;}
    .inwork-title p span {font-size: 28px;}
    .inwork-link {margin-top: 20px;}
    .inwork-link a:nth-child(8) { margin-right:18px; padding-right: 24px;}
    .inwork-link a:nth-child(4)::after{display: none;}
}