.about-page .about-banner{width:100%;height:840px;background-image:url(../img/banner.8bab7916.png),-webkit-gradient(linear,left top,left bottom,from(#f4f3f9),to(#fff));background-image:url(../img/banner.8bab7916.png),linear-gradient(#f4f3f9,#fff);background-repeat:no-repeat;background-size:cover;background-position:50%;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.about-page .about-banner .content{width:1200px;height:60%;margin:auto;display:-webkit-box;display:-ms-flexbox;display:flex;text-align:left;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.about-page .about-banner .content .left{width:50%;height:400px}.about-page .about-banner .content .left .banner-text-tittle{font-size:44px;color:#6130ff;line-height:81px;letter-spacing:4px}.about-page .about-banner .content .left .banner-text-tittle-sub{width:540px;font-size:20px;color:#1a1a1a;margin-top:60px;margin-bottom:30px;line-height:42px;font-weight:700}.about-page .about-banner .content .right{width:58%;margin-top:-100px;margin-left:-100px}.about-page .about-banner .foot{width:1200px;height:120px;margin:auto;position:absolute;bottom:0;left:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.about-page .about-banner .foot .title{font-weight:600;font-size:16px;color:#070f18;line-height:22px}.about-page .about-banner .foot .branch{display:-webkit-box;display:-ms-flexbox;display:flex;font-weight:500;font-size:24px;color:#3d3d3d;line-height:42px;letter-spacing:1px}.about-page .about-banner .foot .branch>div{margin-right:20px}.about-page .about-banner .foot .branch>div>img{margin-top:-6px;margin-right:10px}.about-page .about-our{width:1200px;height:750px;margin:auto}.about-page .about-our .banner-text-tittle{font-size:40px;color:#3d3d3d;line-height:78px;letter-spacing:4px;font-weight:700;margin-top:50px}.about-page .about-our .banner-text-tittle-sub{font-weight:400;font-size:16px;color:grey;line-height:32px;text-align:center;margin-top:20px}.about-page .about-our .content{width:1200px;height:800px;margin:auto;display:-webkit-box;display:-ms-flexbox;display:flex;padding:50px 0;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.about-page .about-our .content .left>img,.about-page .about-our .content .right>img{position:absolute;top:0;bottom:0;margin:auto;cursor:pointer}.about-page .about-our .content .left{width:410px;height:432px;position:relative}.about-page .about-our .content .left .img-zu{width:100%;height:100%;overflow:hidden;border-radius:16px;position:relative}.about-page .about-our .content .left .img-zu .gao{position:absolute;left:0;top:0;-webkit-transition:all .3s linear;transition:all .3s linear}.about-page .about-our .content .left .img-zu .tuan{position:absolute;height:432px;left:410px;top:0;-webkit-transition:all .3s linear;transition:all .3s linear}.about-page .about-our .content .left .left-arrow{left:-42px}.about-page .about-our .content .left .right-arrow{left:-42px;display:none}.about-page .about-our .content .right{width:658px;height:432px;background:#fff;border-radius:16px;-webkit-box-shadow:6px 15px 22px -5px rgba(169,167,178,.6);box-shadow:6px 15px 22px -5px rgba(169,167,178,.6);position:relative}.about-page .about-our .content .right .text-zu{width:100%;height:100%;overflow:hidden;background:#fff;border-radius:16px;position:relative}.about-page .about-our .content .right .text-zu .text{width:100%;height:100%;text-align:left;padding:70px;position:absolute}.about-page .about-our .content .right .text-zu .text p{font-size:24px;font-weight:700;line-height:48px;letter-spacing:2px}.about-page .about-our .content .right .text-zu .text div{font-weight:500;color:#555;font-size:16px;line-height:40px}.about-page .about-our .content .right .text-zu .text-white{top:0;left:0;-webkit-transition:all .3s linear;transition:all .3s linear}.about-page .about-our .content .right .text-zu .text-white p{color:#6130ff}.about-page .about-our .content .right .text-zu .text-back{left:658px;top:0;-webkit-transition:all .3s linear;transition:all .3s linear}.about-page .about-our .content .right .text-zu .text-back div,.about-page .about-our .content .right .text-zu .text-back p{color:#fff}.about-page .about-our .content .right .left-arrow{left:-42px;display:none}.about-page .about-our .content .right .right-arrow{right:-44px}.about-page .about-our .change .left .img-zu .gao{left:-432px}.about-page .about-our .change .left .img-zu .tuan{left:0}.about-page .about-our .change .left .left-arrow{display:none}.about-page .about-our .change .left .right-arrow{left:-44px;display:block;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.about-page .about-our .change .right .text-zu{background-color:#6130ff}.about-page .about-our .change .right .text-zu .text-white{left:-658px}.about-page .about-our .change .right .text-zu .text-back{left:0}.about-page .about-our .change .right .left-arrow{left:auto;right:-44px;display:block;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.about-page .about-our .change .right .right-arrow{display:none}.about-page .our-vision{width:100%;height:875px;background-color:#f9fbfd;overflow:hidden}.about-page .our-vision .content{width:1200px;margin:120px auto 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.about-page .our-vision .content .first{width:256px}.about-page .our-vision .content .first>img{width:256px;height:359px;border-radius:13px 13px 13px 13px;-webkit-transition:all .3s linear;transition:all .3s linear}.about-page .our-vision .content .first>img:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.about-page .our-vision .content .first>div{width:256px;height:260px;background:#fff;-webkit-box-shadow:2px 4px 17px -3px rgba(162,157,181,.6);box-shadow:2px 4px 17px -3px rgba(162,157,181,.6);font-weight:400;font-size:16px;color:#3d3d3d;line-height:32px;text-align:left;margin-top:22px;padding:14px;-webkit-transition:all .3s linear;transition:all .3s linear}.about-page .our-vision .content .first>div:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.about-page .our-vision .content .nth-two{width:372px}.about-page .our-vision .content .nth-two>img{width:372px;height:313px;border-radius:15px 15px 15px 15px;margin-bottom:15px;-webkit-transition:all .3s linear;transition:all .3s linear}.about-page .our-vision .content .nth-two>img:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.about-page .our-vision .content .nth-thr{width:256px}.about-page .our-vision .content .nth-thr>img{width:256px;height:385px;border-radius:14px 14px 14px 14px;-webkit-transition:all .3s linear;transition:all .3s linear}.about-page .our-vision .content .nth-thr>img:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.about-page .our-vision .content .nth-thr>div{width:256px;height:230px;background:#fff;-webkit-box-shadow:2px 4px 17px -3px rgba(162,157,181,.6);box-shadow:2px 4px 17px -3px rgba(162,157,181,.6);font-weight:400;font-size:16px;color:#3d3d3d;line-height:32px;margin-top:25px;padding:14px;text-align:left;-webkit-transition:all .3s linear;transition:all .3s linear}.about-page .our-vision .content .nth-thr>div:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.about-page .our-vision .content .last{width:245px;height:640px;background:#fff;-webkit-box-shadow:2px 4px 17px -3px rgba(162,157,181,.6);box-shadow:2px 4px 17px -3px rgba(162,157,181,.6)}.about-page .our-vision .content .last>div:first-child{font-weight:500;font-size:16px;color:#6130ff;line-height:32px;margin-top:138px}.about-page .our-vision .content .last>.title{font-weight:700;font-size:32px;color:#3d3d3d;line-height:32px;letter-spacing:1px;margin-bottom:50px;margin-top:10px}.about-page .our-vision .content .last .text{margin-bottom:28px;font-weight:500;font-size:18px;color:#3d3d3d;line-height:32px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.about-page .our-vision .content .last .text>span{font-size:30px;margin-right:6px}.about-page .our-vision .content .last .text>img{margin-right:10px}.about-page .about-foot{width:1200px;height:820px;margin:auto;background-image:url(../img/9.4fc3b546.png);background-repeat:no-repeat;background-size:80%;background-position:156% 50%}.about-page .about-foot .content-box-left-tittle{font-size:40px;color:#3d3d3d;font-weight:700;letter-spacing:2px;line-height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:end;margin-top:100px}.about-page .about-foot .content-box-left-tittle p{height:56px;margin-right:10px;border-left:10px solid #eb8d24}.about-page .about-foot .content-box-left-tittle span{height:10px;display:inline-block;border-left:12px solid #eb8d24;margin-right:30px}.about-page .about-foot .content{text-align:left;margin-top:40px}.about-page .about-foot .content>p{color:#3d3d3d;font-weight:500;font-size:24px;letter-spacing:4px}.about-page .about-foot .content>div{font-size:16px;color:#5c5c5c;line-height:28px;font-weight:400}@media screen and (max-width:684px){.about-page .about-banner{height:390px;background-size:200%}.about-page .about-banner .content{width:80%;height:100%}.about-page .about-banner .content .left{width:100%;height:300px;margin-top:40px}.about-page .about-banner .content .left .banner-text-tittle{font-size:24px;letter-spacing:2px;line-height:32px}.about-page .about-banner .content .left .banner-text-tittle-sub{font-size:13px;margin-top:20px;line-height:24px}.about-page .about-banner .content .right{display:none}.about-page .about-banner .foot{width:80%;height:160px;-ms-flex-wrap:wrap;flex-wrap:wrap;bottom:55px}.about-page .about-banner .foot .title{margin-top:20px}.about-page .about-banner .foot .branch{margin-top:20px;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:14px}.about-page .about-our{width:80%;height:910px}.about-page .about-our .banner-text-tittle{font-size:24px;letter-spacing:2px;line-height:32px;margin-top:30px}.about-page .about-our .banner-text-tittle-sub{font-size:13px;margin-top:20px;line-height:24px}.about-page .about-our .content{width:100%;display:block;padding:20px 0}.about-page .about-our .content .left{width:100%;height:300px}.about-page .about-our .content .left .img-zu .gao{width:100%}.about-page .about-our .content .left>img{display:none}.about-page .about-our .content .right{width:100%;height:350px;margin-top:20px}.about-page .about-our .content .right .text-zu .text{padding:20px}.about-page .about-our .content .right .text-zu .text p{font-size:20px;letter-spacing:0}.about-page .about-our .content .right .text-zu .text>div{font-size:14px;line-height:24px}.about-page .about-our .content .right>img{display:none}.about-page .our-vision{height:1220px}.about-page .our-vision .content{width:80%;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:20px auto 0}.about-page .our-vision .content .first,.about-page .our-vision .content .nth-thr{width:auto}.about-page .our-vision .content .first>img,.about-page .our-vision .content .nth-thr>img{display:none}.about-page .our-vision .content .first>div,.about-page .our-vision .content .nth-thr>div{width:100%;height:auto;margin-top:0}.about-page .our-vision .content .nth-two{width:auto;margin-top:20px}.about-page .our-vision .content .nth-two>img{width:100%;height:auto}.about-page .our-vision .content .last{width:100%;height:auto;margin-top:20px}.about-page .our-vision .content .last>div:first-child{margin-top:20px}.about-page .our-vision .content .last .title{margin-bottom:20px}.about-page .our-vision .content .last .text{margin-bottom:10px}.about-page .about-foot{width:80%;height:800px;background-size:100%;background-position:bottom}.about-page .about-foot .content-box-left-tittle{font-size:22px;line-height:22px;letter-spacing:0;margin-top:40px}.about-page .about-foot .content-box-left-tittle p{height:32px;border-left:6px solid #eb8d24}.about-page .about-foot .content-box-left-tittle span{height:8px;margin-right:10px;border-left:6px solid #eb8d24}.about-page .about-foot .content{margin-top:20px}.about-page .about-foot .content p{font-size:18px;letter-spacing:2px}.about-page .about-foot .content div{font-size:14px;line-height:26px}}