.website-info .simpleInfo-wrap h3{color:#FFF}.website-info .simpleInfo-wrap:before{background:#5d80f5}.services-box{margin-bottom:80px;overflow:hidden}.services-item{float:left;width:25%;padding:3px}.services-item .box{position:relative;padding:43px 0 16px;background:#f4f4f4;overflow:hidden;height:495px}.services-item .box:hover .icon .iconfont,.services-item .box:hover .title-wrap h3,.services-item .box:hover .title-wrap p{color:#fff}.services-item .box:hover .mask{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.services-item .box:hover .description{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.services-item .box .icon,.services-item .box .title-wrap{position:relative;z-index:10}.services-item .box .icon{padding:0 26px;margin-bottom:20px}.services-item .box .icon .iconfont{line-height:1;color:#696969;font-size:34px;transition:all .5s}.services-item .box .title-wrap{padding:0 26px 26px;position:relative}.services-item .box .title-wrap>*{transition:all .5s}.services-item .box .title-wrap:after{display:block;content:"";width:30px;height:2px;background-color:#d3d3d3;position:absolute;left:26px;bottom:0}.services-item .box .title-wrap h3{font-size:#010000;font-size:26px;font-weight:normal}.services-item .box .title-wrap p{margin:0;font-size:14px;color:#333}.services-item .box .thumb{margin-top:60px;width:100%;text-align:center;padding:0 10px}.services-item .box .description{position:absolute;left:0;padding:33px 26px 0;z-index:1;color:#FFF;opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);transition:-webkit-transform cubic-bezier(0, 0, 0.13, 1.27) 0.5s;transition:transform cubic-bezier(0, 0, 0.13, 1.27) 0.5s;transition:transform cubic-bezier(0, 0, 0.13, 1.27) 0.5s, -webkit-transform cubic-bezier(0, 0, 0.13, 1.27) 0.5s}.services-item .box .mask{position:absolute;top:0;left:0;right:0;bottom:0;background:#e60113;opacity:0;transition:all .5s}.manage{background-repeat:no-repeat;background-position:center;background-image:url(../images/website/website_manage_bg.jpg);background-size:cover;padding-bottom:100px;padding-top:40px;margin-bottom:70px}.manage .section-title2{margin-bottom:120px}.manage .section-title2 h3{color:#FFF;font-size:30px}.manage .section-title2 p{color:#FFF;font-size:18px}.manage .section-title2 .line:before,.manage .section-title2 .line:after{background:#FFF}.manage .manage-inner{position:relative;margin:0 auto;height:650px;width:1300px}.manage .manage-inner .manage-img img:first-child{display:block}.manage .manage-inner .manage-img img:last-child{display:none}.manage .manage-inner .manage-item-wrap{width:100%;height:100%;position:absolute;top:0;left:0}.manage .manage-inner .manage-item-wrap .manage-item{position:absolute;width:200px;height:75px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;z-index:1}.manage .manage-inner .manage-item-wrap .manage-item:hover{-webkit-animation:jello .8s;animation:jello .8s}.manage .manage-inner .manage-item-wrap .manage-item span{width:75px;height:75px;border-radius:50%;border:2px solid #FFF;display:flex;align-items:center;justify-content:center}.manage .manage-inner .manage-item-wrap .manage-item span .iconfont{font-size:32px;color:#FFF}.manage .manage-inner .manage-item-wrap .manage-item p{font-size:20px;color:#FFF}.manage .manage-inner .manage-item-wrap .manage-item:nth-child(1){top:0;left:22.384615384615383%}.manage .manage-inner .manage-item-wrap .manage-item:nth-child(2){top:0;left:62.69230769230769%}.manage .manage-inner .manage-item-wrap .manage-item:nth-child(3){top:26%;left:0.46153846153846156%}.manage .manage-inner .manage-item-wrap .manage-item:nth-child(4){top:26%;right:0}.manage .manage-inner .manage-item-wrap .manage-item:nth-child(5){left:0.46153846153846156%;top:63.23076923076923%}.manage .manage-inner .manage-item-wrap .manage-item:nth-child(6){top:63.23076923076923%;right:0}.manage .manage-inner .manage-item-wrap .manage-item:nth-child(7){left:22.384615384615383%;bottom:0}.manage .manage-inner .manage-item-wrap .manage-item:nth-child(8){left:63.53846153846154%;bottom:0}.manage .manage-inner .manage-item-wrap .manage-item:nth-child(odd) p{padding-left:15px}.manage .manage-inner .manage-item-wrap .manage-item:nth-child(even) p{padding-right:15px}.case{margin-bottom:30px}.case-list{overflow:hidden}.case-item{padding:30px;float:left;width:50%}.case-item:hover .thumb-wrap .thumb-wrap-inner img{-webkit-transform:scale(1.15);transform:scale(1.15)}.case-item:hover .thumb-wrap .thumb-wrap-inner .mask{background:rgba(0,0,0,0.6)}.case-item:hover .thumb-wrap .thumb-wrap-inner .mask:before{width:100%}.case-item:hover .thumb-wrap .thumb-wrap-inner .mask:after{height:100%}.case-item:hover .thumb-wrap .thumb-wrap-inner .txt{-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0)}.case-item:hover .thumb-wrap .thumb-wrap-inner .txt .icon{-webkit-transform:translate3d(0, 0%, 0);transform:translate3d(0, 0%, 0)}.case-item:hover .title-wrap .title-inner h3,.case-item:hover .title-wrap .title-inner p{color:#da0502}.case-item:hover .title-wrap .title-btn{background:#da0502}.case-item:hover .title-wrap .title-btn .iconfont{color:#FFF;-webkit-animation:shake 1s linear infinite;animation:shake 1s linear infinite}.case-item .thumb-wrap{padding-top:82.14804063860668%;position:relative}.case-item .thumb-wrap .thumb-wrap-inner{left:0;top:0;width:100%;height:100%;position:absolute;overflow:hidden}.case-item .thumb-wrap .thumb-wrap-inner>img{width:100%;height:100%;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s, -webkit-transform .5s;-webkit-transform:scale(1);transform:scale(1)}.case-item .thumb-wrap .thumb-wrap-inner .mask{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.4);transition:all 0.6s ease-in-out}.case-item .thumb-wrap .thumb-wrap-inner .mask:after,.case-item .thumb-wrap .thumb-wrap-inner .mask:before{content:'';position:absolute;transition:all 0.6s ease-in-out}.case-item .thumb-wrap .thumb-wrap-inner .mask:after{left:30px;right:30px;top:50%;height:0%;border-left:1px solid #fff;border-right:1px solid #fff;-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0)}.case-item .thumb-wrap .thumb-wrap-inner .mask:before{left:50%;top:30px;bottom:30px;width:0%;border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:translate3d(-50%, 0, 0);transform:translate3d(-50%, 0, 0)}.case-item .thumb-wrap .thumb-wrap-inner .txt{position:absolute;top:50%;left:0;width:100%;text-align:center;color:#fff;transition:all 0.6s ease-in-out}.case-item .thumb-wrap .thumb-wrap-inner .txt .icon{-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0);transition:all 0.6s ease-in-out}.case-item .thumb-wrap .thumb-wrap-inner .txt .icon img{transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s, -webkit-transform .5s;max-width:50%;max-height:50%}.case-item .title-wrap{padding:30px 20px 0}.case-item .title-wrap .title-inner{padding-right:20px}.case-item .title-wrap .title-inner h3{font-size:22px;color:#333;font-weight:normal;transition:all .5s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.case-item .title-wrap .title-inner p{transition:all .5s;font-size:14px;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.case-item .title-wrap .title-btn{float:right;width:60px;height:60px;border-radius:50%;text-align:center;background-color:#eaeaea;display:flex;justify-content:center;align-items:center;transition:background .5s}.case-item .title-wrap .title-btn .iconfont{font-size:28px}@-webkit-keyframes shake{0%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}25%{-webkit-transform:translate3d(-10px, 0, 0);transform:translate3d(-10px, 0, 0)}50%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}75%{-webkit-transform:translate3d(10px, 0, 0);transform:translate3d(10px, 0, 0)}100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes shake{0%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}25%{-webkit-transform:translate3d(-10px, 0, 0);transform:translate3d(-10px, 0, 0)}50%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}75%{-webkit-transform:translate3d(10px, 0, 0);transform:translate3d(10px, 0, 0)}100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-16.5deg) skewY(-16.5deg);transform:skewX(-16.5deg) skewY(-16.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);transform:skewX(-0.78125deg) skewY(-0.78125deg)}77.7%{-webkit-transform:skewX(0.39062deg) skewY(0.39062deg);transform:skewX(0.39062deg) skewY(0.39062deg)}88.8%{-webkit-transform:skewX(-0.19531deg) skewY(-0.19531deg);transform:skewX(-0.19531deg) skewY(-0.19531deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-16.5deg) skewY(-16.5deg);transform:skewX(-16.5deg) skewY(-16.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);transform:skewX(-0.78125deg) skewY(-0.78125deg)}77.7%{-webkit-transform:skewX(0.39062deg) skewY(0.39062deg);transform:skewX(0.39062deg) skewY(0.39062deg)}88.8%{-webkit-transform:skewX(-0.19531deg) skewY(-0.19531deg);transform:skewX(-0.19531deg) skewY(-0.19531deg)}}@media screen and (max-width: 1440px){.section-wrap{max-width:1300px;width:100%}}@media screen and (max-width: 1300px){.manage .manage-inner{width:100%;height:auto}.manage .manage-inner .manage-img img:first-child{display:none}.manage .manage-inner .manage-img img:last-child{display:block}.manage .manage-inner .manage-item-wrap{display:none}}@media screen and (max-width: 1280px){.services-item{width:50%}.services-item .box{height:auto}}@media screen and (max-width: 640px){.services-item{width:100%}.services-item .box{height:auto}.case-item{width:100%}}