img{display:block}
.container{display:block;margin:0 auto}
.container-index{display:block;max-width:1550px;padding:0 15px;margin:0 auto}
.mouse-block{position:fixed;top:-15px;left:-12px;width:20px;height:20px;border:1px solid #fff;background-color:#fff;border-radius:100px;mix-blend-mode:exclusion;will-change:transform;z-index:999999;pointer-events:none;opacity:0;transition:opacity .3s}
.mouse-block.show{opacity:1}
.public-explore-more{position:relative;display:flex;align-items:center;justify-content:center;width:277px;height:71px;border:1px solid rgba(139,142,155,0.3);overflow:hidden;transition:border-color .3s}
.public-explore-more .button-text{position:relative;font-size:20px;font-weight:400;color:#ffffff;line-height:40px;z-index:1;transition:transform .3s,color .2s}
.public-explore-more .bg-color{position:absolute;top:0;left:0;width:600px;height:600px;border-radius:1000px;display:block;background-color:#44c8c9;transform-origin:center center;transform:scale(0);transition:transform .5s;z-index:0;pointer-events:none}
.public-explore-more .line{position:absolute;top:39px;right:54px;width:27px;height:2px;background-color:#fff;z-index:2;transform:translateX(-50px);opacity:0;transition:all .35s}
.public-explore-more .arrow{position:absolute;top:27px;right:45px;width:13px;height:14px;background-size:cover;background-position:center center;background-repeat:no-repeat;background-image:url(../image/decorate-line-write.png);z-index:2;transform:translateX(-100px);opacity:0;transition:all .5s}
.public-explore-more:hover{border-color:rgba(139,142,155,0)}
.public-explore-more:hover .bg-color{transform:scale(1)}
.public-explore-more:hover .line{position:absolute;top:39px;right:54px;width:27px;height:2px;background-color:#fff}
.public-explore-more:hover .button-text{transform:translateX(-30px)}
.public-explore-more:hover .line{right:54px;opacity:1;transform:translateX(0)}
.public-explore-more:hover .arrow{right:45px;opacity:1;transform:translateX(0)}
.inner-module-nav{position:relative;display:block;width:100%;height:67px;z-index:10}
.inner-module-nav .fixed-nav-container{width:100%;height:67px;background-color:#fcfcfc}
.inner-module-nav .fixed-nav-container.fixed{position:fixed;top:0;left:0;width:100%}
.inner-module-nav .inner-nav-group{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;height:67px}
.inner-module-nav .inner-nav-group .inner-nav-link{position:relative;flex:1;display:flex;align-items:center;height:100%;font-size:18px;font-weight:300;color:#666;line-height:24px;z-index:0;transition:color .2s}
.inner-module-nav .inner-nav-group .inner-nav-link:hover,.inner-module-nav .inner-nav-group .inner-nav-link.active{color:#16c8c8}
.inner-module-nav .inner-nav-group .active-line{position:absolute;bottom:0;left:0;width:0;height:3px;background-color:#16c8c8;z-index:1}
.inner-module-nav.system .inner-nav-group .inner-nav-link:hover,.inner-module-nav.system .inner-nav-group .inner-nav-link.active{color:#16c8c8}
.inner-module-nav.system .inner-nav-group .active-line{background-color:#16c8c8}
.inner-module-nav.about .inner-nav-group .inner-nav-link:hover,.inner-module-nav.about .inner-nav-group .inner-nav-link.active{color:#58b490}
.inner-module-nav.about .inner-nav-group .active-line{background-color:#58b490}
.inner-module-nav.think .inner-nav-group .inner-nav-link:hover,.inner-module-nav.think .inner-nav-group .inner-nav-link.active{color:#006dad}
.inner-module-nav.think .inner-nav-group .active-line{background-color:#006dad}
.inner-module-nav.case .inner-nav-group .inner-nav-link:hover,.inner-module-nav.case .inner-nav-group .inner-nav-link.active{color:#cf223e}
.inner-module-nav.case .inner-nav-group .active-line{background-color:#cf223e}
.inner-module-banner{position:relative;width:100%;height:510px;background-size:cover;background-position:right center;background-repeat:no-repeat;overflow:hidden}
.inner-module-banner::before{left:calc(50% + 350px)}
.inner-module-banner .banner-container{position:relative;display:flex;align-items:center;height:100%;z-index:1}
.inner-module-banner .banner-title-group .title-fine{font-size:56px;font-weight:300;line-height:68px;color:#fff}
.inner-module-banner .banner-title-group .title-bold{margin-top:12px;font-size:20px;font-weight:300;line-height:34px;letter-spacing:3px;color:#fff}
.inner-module-banner .inner-shadow{position:absolute;top:0;left:0;width:100%;height:147px;background-image:url(../image/shadow.png);background-repeat:repeat-x;background-size:auto 147px;z-index:2}
.inner-module-banner .background-image{position:absolute;top:0;left:0;width:100%;height:100%;background-position:center center;background-size:cover;background-repeat:no-repeat;z-index:0;opacity:0;transform:scale(1);transition:opacity .5s,transform 10s}
.inner-module-banner.show .background-image{opacity:1;transform:scale(1.1)}
.inner-module-banner.news-banner{height:400px}
.inner-module-banner.system{background-color:#16c8c8}
.inner-module-banner.system .background-image{background-image:url(../image/banner1.png)}
.inner-module-banner.about{background-color:#58b490}
.inner-module-banner.about .background-image{background-image:url(../image/banner2.png)}
.inner-module-banner.think{background-color:#006dad}
.inner-module-banner.think .background-image{background-image:url(../image/banner3.png)}
.inner-module-banner.case{background-color:#000000}
.inner-module-banner.case .banner-title-group .case-title{font-size:28px;font-weight:300;color:#fff;line-height:40px}
.inner-module-banner.case .background-image{background-image:url(../image/case-list-banner.jpg)}
.preload-show{opacity:1 !important}
.fixed-alert{position:fixed;top:calc(50% - 305px);left:calc(50% - 600px);width:1200px;height:569px;pointer-events:none;z-index:999}
.fix-right{position:fixed;bottom:60px;right:30px;z-index:999;pointer-events:auto}
.fix-right .qr-icon{position:relative;display:flex;justify-content:center;align-items:center;width:50px;height:50px;margin-top:20px;background-color:#333;border:1px solid #e5e5e5;border-radius:25px;user-select:none;-webkit-user-drag:none}
.fix-right .qr-icon .icon-image{width:26px;height:26px;background-image:url(../image/one-active.png);background-repeat:no-repeat;background-size:cover}
.fix-right .qr-icon .qr-bg{position:absolute;right:72px;top:-120px;display:none;padding-top:10px;width:165px;height:205px;background-color:#fff;border-radius:10px;box-shadow:0 0 20px rgba(0,0,0,0.1);pointer-events:none}
.fix-right .qr-icon .qr-bg::before{position:absolute;right:-20px;bottom:50px;display:block;content:"";border:10px solid transparent;border-left:10px solid #fff}
.fix-right .qr-icon .qr-bg .qr-box{width:100%;height:100%;display:flex;flex-direction:column;align-items:center}
.fix-right .qr-icon .qr-bg .qr-box .code-img{width:100%;height:100%}
.fix-right .qr-icon .qr-bg .qr-box .code-text{font-size:12px;font-weight:300;color:#333;line-height:16px;text-align:center}
.fix-right .qr-icon.active{background-color:#fff}
.fix-right .qr-icon.active .icon-image{background-image:url(../image/icon-one.png)}
.fix-right .qr-icon.active .qr-bg{display:block}
.fix-right .contatc-icon{position:relative;display:flex;justify-content:center;align-items:center;width:50px;height:50px;background-color:#333;border:1px solid #e5e5e5;border-radius:25px;cursor:pointer;user-select:none;-webkit-user-drag:none}
.fix-right .contatc-icon .tips-img{position:absolute;top:-12px;right:40px;display:block;padding-top:16px;padding-left:45px;width:155px;height:85px;font-size:14px;font-weight:400;color:#333;line-height:40px;background-position:center center;background-size:cover;background-repeat:no-repeat;background-image:url(../image/tips-box.png);pointer-events:none;opacity:0}
.fix-right .contatc-icon:hover .tips-img{opacity:1}
.fix-right .icon-img{display:block;width:26px;pointer-events:none;user-select:none;-webkit-user-drag:none}
.public-alert-box{position:absolute;top:calc(50% - 280px);left:calc(50% - 600px);width:1200px;height:600px;padding:35px 60px 92px 60px;background-repeat:no-repeat;background-size:cover;background-image:url("../image/alert-bg.png");display:flex;z-index:100;box-sizing:border-box;transform:scale(0);transform-origin:right bottom;transition:transform .3s;pointer-events:auto}
.public-alert-box .alert-left .left-item{width:527px;margin-top:40px}
.public-alert-box .alert-left .left-item .item-title{font-size:24px;font-weight:400;color:#fff;line-height:36px}
.public-alert-box .alert-left .left-item .item-content-box{display:flex;flex-wrap:wrap;margin-top:9px}
.public-alert-box .alert-left .left-item .item-content-box .item-content{padding-bottom:8px;width:130px;font-size:14px;font-weight:300;color:rgba(255,255,255,0.7);line-height:26px}
.public-alert-box .alert-left .left-item:first-child{width:520px}
.public-alert-box .alert-right{padding-top:120px;padding-left:100px}
.public-alert-box .alert-right .right-title{font-size:26px;font-weight:300;color:#fff;line-height:36px}
.public-alert-box .alert-right .right-contact-title{padding-top:50px;font-size:14px;font-weight:300;color:#fff;line-height:20px;opacity:.8}
.public-alert-box .alert-right .right-phone{padding-top:5px;font-size:40px;font-weight:300;color:#fff;line-height:40px}
.public-alert-box .alert-right .right-bottom{display:flex;padding-top:60px}
.public-alert-box .alert-right .right-bottom .right-contact-btn{display:flex;justify-content:center;align-items:center;width:178px;height:54px;font-size:16px;font-weight:300;color:#fff;line-height:40px;background:#23b1ac}
.public-alert-box .alert-right .right-bottom .right-get-btn{position:relative;display:flex;justify-content:center;align-items:center;margin-left:10px;width:109px;height:54px;border:1px solid rgba(255,255,255,0.3);transition:all .3s}
.public-alert-box .alert-right .right-bottom .right-get-btn .get-btn-text{font-size:16px;font-weight:300;color:#fff;line-height:40px;transition:all .3s}
.public-alert-box .alert-right .right-bottom .right-get-btn .get-btn-code{position:absolute;bottom:60px;left:50%;transform:translateX(-50%);display:none;flex-direction:column;align-items:center;width:126px;height:153px;background-image:url(../image/book-bg.png);background-repeat:no-repeat;background-size:cover}
.public-alert-box .alert-right .right-bottom .right-get-btn .get-btn-code .btn-code-img{width:110px;height:110px;margin-top:6px}
.public-alert-box .alert-right .right-bottom .right-get-btn .get-btn-code .btn-code-text{margin-top:6px;font-size:14px;font-weight:300;color:#333;line-height:16px}
.public-alert-box .alert-right .right-bottom .right-get-btn:hover{background-color:#fff}
.public-alert-box .alert-right .right-bottom .right-get-btn:hover .get-btn-text{color:#333}
.public-alert-box .alert-right .right-bottom .right-get-btn:hover .get-btn-code{display:flex}
.public-alert-box .close-icon{position:absolute;right:30px;top:30px;width:20px;height:20px;background-repeat:no-repeat;background-size:cover;background-image:url(../image/close.png)}
.public-alert-box.show{transform:scale(1)}
.same-case{width:100%;background-color:#fff}
.same-case .case-box{width:100%;padding-top:100px;padding-bottom:140px}
.same-case .case-box .title{font-size:54px;font-weight:bold;color:#333;line-height:56px}
.same-case .case-box .case-group{display:flex;justify-content:space-between;width:100%;margin-top:36px}
.same-case .case-box .case-item{width:calc(50% - 31px)}
.same-case .case-box .case-item .case-item-box{position:relative}
.same-case .case-box .case-item .case-item-box .case-cover{display:block;width:100%;opacity:0;transition:all .3s}
.same-case .case-box .case-item .case-item-box.show .case-cover{opacity:1}
.same-case .case-box .case-item .case-bottom{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;height:90px;padding:0 18px}
.same-case .case-box .case-item .case-bottom .case-title{width:90%;font-size:26px;font-weight:500;color:#333;line-height:64px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.same-case .case-box .case-item .case-bottom .arrow{width:36px;height:14px;background-size:36px auto;background-repeat:no-repeat;background-position:center center;background-image:url(../image/think-arrow.png);opacity:0;transform:translateX(-50px);transition:transform .2s,opacity .2s}
.same-case .case-box .case-item .case-bottom .active-line{position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:#006dad;transform:scaleX(0);transform-origin:left center;transition:transform .2s}
.same-case .case-box .case-item:hover .arrow{opacity:1;transform:translateX(0)}
.same-case .case-box .case-item:hover .active-line{transform:scaleX(1)}
.case-bottoms{padding-bottom:100px;background-color:#fff}
.case-bottoms .case-slogan{display:block;margin:0 auto}
.case-bottoms .case-back{display:flex;justify-content:center;align-items:center;margin:0 auto;margin-top:60px;width:251px;height:71px;font-size:20px;font-weight:400;color:#fff;line-height:40px;background:#aacd06;border:1px solid transparent;transition:all .3s}
.case-bottoms .case-back .back-icon{margin-right:15px;width:30px;height:21px;background-repeat:no-repeat;background-size:cover;background-image:url(../image/white-arrow.png);transition:all .3s}
.case-bottoms .case-back:hover{color:#333;background:transparent;border:1px solid #333}
.case-bottoms .case-back:hover .back-icon{background-image:url(../image/black-arrow.png)}
.loading{display:flex;justify-content:center;align-items:center;height:200px}
.loading .loading-box{display:flex;align-items:center;animation:loading 2s infinite}
.loading .loading-box .loading-side{width:10px;height:9px;background-repeat:no-repeat;background-size:cover;background-image:url("../image/loading-side.png")}
.loading .loading-box .loading-center{margin:0 4px;width:12px;height:13px;background-repeat:no-repeat;background-size:cover;background-image:url("../image/loading-center.png")}
.loading.hide{display:none}
.no-data{display:none;justify-content:center;align-items:center;height:100px}
.no-data .no-date{font-size:16px;color:#999}
.no-data.show{display:flex}
.nb-nodeboard-top.nb-nodeboard-top-9.nb-nodeboard-top-shadow{display:none !important}
.nb-icon-wrap.nb-icon-base.icon-right-center.nb-icon-skin-9.nb-icon-icon{display:none !important}
@keyframes loading{0%{transform:rotateY(0)}
100%{transform:rotateY(360deg)}
}
@keyframes lazyloading{0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
@keyframes headershow{from{transform:translateY(-50px);opacity:0}
to{transform:translateY(0);opacity:1}
}
@-webkit-keyframes headershow{from{transform:translateY(-50px);opacity:0}
to{transform:translateY(0);opacity:1}
}
@media screen and (max-width:1367px){.inner-module-banner .banner-title-group .title-fine{font-size:46px;line-height:68px}
.inner-module-banner .banner-title-group .title-bold{font-size:16px;line-height:34px}
.inner-module-banner.case .banner-title-group .case-title{font-size:28px;line-height:40px}
.case .case-box .title{font-size:46px}
.fixed-alert{top:calc(50% - 305px);left:calc(50% - 600px)}
.public-alert-box{top:calc(50% - 290px)}
}
