.about-box{position:relative;max-width:100%;height:580px;padding-top:75px}.about-middle-bd{margin-bottom:-8px}.about-left{float:left;width:33%;height:418px;margin-top:50px;background-color:#546274}.about-content{float:left;width:49.5%;height:49.5%}.about-content div{text-align:center}.border-right{border-right:1px solid #718195}.border-bottom{border-bottom:1px solid #718195}.about-content-num{text-align:center;font-size:80px;font-weight:700;color:#718195;margin-top:40px}.about-content-title{text-align:center;color:#fff;font-size:14px}.about-middle{position:absolute;top:75px;left:33%;z-index:1;float:left;width:33.9%;height:410px;padding:50px 20px;text-align:center;background:#fff;-webkit-box-shadow:0 0 16px 0 rgba(0,0,0,0.11);box-shadow:0 0 16px 0 rgba(0,0,0,0.11)}.about-middle-title{margin-top:50px;font-size:50px;font-family:"Poppins",Helvetica,Arial,sans-serif;font-weight:700;letter-spacing:0;color:#151515}.about-middle-describe{color:#9b9b9b;margin:32px 80px 40px 80px;line-height:25px;font-size:13px}.about-middle-button{position:relative;padding:12px 44px;background-color:#78abf1;color:#fff;font-size:14px;overflow:hidden;z-index:0;border:0;max-width:100%;display:inline-block}.about-middle-button:after,.about-middle-button:before{content:'';position:absolute;top:50%;width:20px;height:20px;border-radius:50%;-webkit-transition:.23s all ease;-o-transition:.33s all ease;transition:.33s all ease;z-index:-1;background:#5993e3}.about-middle-button:before{left:-20px;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.about-middle-button:after{right:-40px;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.about-middle-button:hover:before{-webkit-animation:criss-cross-left .8s both;animation:criss-cross-left .8s both}.about-middle-button:hover:after{-webkit-animation:criss-cross-right .8s both;animation:criss-cross-right .8s both}@-webkit-keyframes criss-cross-left{0%{left:-20px}50%{left:60%;width:20px;height:20px}100%{left:60%;width:390px;height:390px}}@keyframes criss-cross-left{0%{left:-20px}50%{left:55%;width:20px;height:20px}100%{left:50%;width:390px;height:390px}}@-webkit-keyframes criss-cross-right{0%{right:-20px}50%{right:45%;width:20px;height:20px}100%{right:45%;//width:390px;//height:390px}}@keyframes criss-cross-right{0%{right:-20px}50%{right:45%;width:20px;height:20px}100%{right:45%;// width:390px;//height:390px}}.about-right{float:right;width:33%;height:418px;margin-top:50px;overflow:hidden}.about-right-image img{width:auto;height:auto;min-width:100%;max-width:none;min-height:100%;margin-top:-120px;margin-left:-220px}.about-middle-describe{-webkit-line-clamp:8;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;overflow:hidden;height:auto}@media(min-width:990px) and (max-width:1024px){.about-box{padding-top:0;height:auto}.about-middle-title{margin-top:24px}.about-middle-bd{margin-bottom:20px}.about-middle{position:absolute;top:0;left:-20px;width:100%;height:410px;padding:10px 20px}.about-middle-describe{margin:38px 100px}.about-left{position:absolute;left:0;top:380px;width:50%}.about-right{position:absolute;left:50%;top:380px;width:50%}.about-right-image img{width:auto;height:auto;min-width:100%;max-width:none;min-height:100%;margin-top:-120px;margin-left:-250px}}@media(min-width:768px) and (max-width:990px){.about-box{padding-top:75px;height:1190px}.about-left{width:100%;margin-top:-75px}.about-middle{width:100%;padding:10px 0;position:static}.about-middle-bd{margin-bottom:20px}.about-middle-describe{color:#9b9b9b;margin:24px 68px 24px;height:auto;line-height:25px;font-size:13px}.about-middle-title{margin-top:25px}.about-right{width:100%;margin-top:0;//overflow:visible}.about-right-image img{width:auto;height:auto;min-width:100%;max-width:100%;min-height:100%;margin-top:-120px;margin-left:0}}@media(max-width:767px){.about-box{padding-top:75px;height:1082px}.about-left{width:100%;margin-top:-75px}.about-middle{width:100%;padding:10px 0;position:static;height:auto}.about-middle-bd{margin-bottom:20px}.about-middle-describe{color:#9b9b9b;margin:40px 68px 36px;height:auto;line-height:25px;font-size:13px}.about-right{width:100%;margin-top:0;//overflow:visible;height:350px}.about-right-image img{width:auto;height:auto;min-width:100%;max-width:100%;height:100%;margin-top:0;margin-left:0}}@media(max-width:420px){.about-box{padding-top:75px;height:945px}.about-middle-title{margin-top:22px}.about-middle-describe{color:#9b9b9b;margin:20px 30px 32px;height:auto;line-height:25px;font-size:13px}.about-right{width:100%;margin-top:0;height:222px}.about-right-image img{width:auto;height:auto;min-width:100%;max-width:100%;min-height:100%;margin-top:0;margin-left:0}}