.about_company{margin-top:72px}.about_company .banner{overflow:hidden;width:100%;min-width:1000px;height:440px;position:relative;background:linear-gradient(90deg,#4caeff 0,#4cc3ff 100%);color:#fff}.about_company .banner:after{position:absolute;top:0;left:0;width:100%;height:440px;content:'';background:url(/templates/xgjnew/img/about_us_banner1.png) no-repeat center center;background-size:auto 440px}.about_company .banner .words-wrapper{padding-top:122px;position:relative;z-index:1}.about_company .banner .main-title{font-size:40px;line-height:48px;margin-bottom:16px}.about_company .banner .second-title{font-size:16px;line-height:24px}.about_company .info{height:564px;overflow:hidden;background:url(/templates/xgjnew/img/bg1.png) no-repeat center center;background-size:auto 564px}.about_company .info .left-info{float:left}.about_company .info .left-info h1{margin-top:100px;font-size:30px;font-weight:500;color:#3d4042;line-height:30px}.about_company .info .left-info p{margin-top:32px;width:534px;height:328px;font-size:16px;font-weight:400;color:#676c70;line-height:29px}.about_company .info .right-info{float:left}.about_company .info .right-info ul{overflow:hidden;margin-top:32px}.about_company .info .right-info ul li{overflow:hidden;margin-top:48px}.about_company .info .right-info ul li>i{width:64px;height:64px;background:#6495ed;float:left}.about_company .info .right-info ul li .icon1{background:url(/templates/xgjnew/img/about1.png) no-repeat center center;background-size:cover}.about_company .info .right-info ul li .icon2{background:url(/templates/xgjnew/img/about2.png) no-repeat center center;background-size:cover}.about_company .info .right-info ul li .icon3{background:url(/templates/xgjnew/img/about3.png) no-repeat center center;background-size:cover}.about_company .info .right-info ul li .icon4{background:url(/templates/xgjnew/img/about4.png) no-repeat center center;background-size:cover}.about_company .info .right-info ul li .info-text{margin-left:24px;padding-left:64px}.about_company .info .right-info ul li .info-text h4{margin-top:13px;font-size:20px;font-weight:500;color:#3d4042;line-height:1}.about_company .info .right-info ul li .info-text span{display:block;margin-top:10px;font-size:16px;color:#676c70;line-height:1;white-space:nowrap}.about_company .info .right-info ul li:nth-of-type(1){padding-left:64px}.about_company .info .right-info ul li:nth-of-type(2){padding-left:128px}.about_company .info .right-info ul li:nth-of-type(3){padding-left:192px}.about_company .info .right-info ul li:nth-of-type(4){padding-left:256px}.about_company .manageteam h2{font-size:30px;font-weight:400;color:#3d4042;line-height:30px;margin-top:80px}.about_company .manageteam h2 span{float:right;color:#a1aab3;line-height:14px;font-size:14px;margin-top:16px}.about_company .manageteam .photo-box{width:1240px;margin-top:48px}.about_company .manageteam .photo-box .photo-item{overflow:hidden;float:left;width:279px;height:380px;padding:0 24px;box-sizing:border-box;background:#fff;margin-right:24px;border:1px solid #edf4fa;cursor:pointer;transition:all .3s linear}.about_company .manageteam .photo-box .photo-item:last-child{margin:0}.about_company .manageteam .photo-box .photo-item .name{margin-top:40px;display:block;line-height:1}.about_company .manageteam .photo-box .photo-item .position{display:block;font-size:14px;color:#676c70;line-height:14px;margin-top:16px}.about_company .manageteam .photo-box .photo-item .hover-content{position:relative;margin-top:19px;overflow:hidden}.about_company .manageteam .photo-box .photo-item .hover-content .avatar{margin-top:7px;display:block;width:231px;height:237px;background-size:contain}.about_company .manageteam .photo-box .photo-item .hover-content .info-text{position:absolute;top:0;border-top:1px dashed #d3dae0;padding-top:15px;font-size:14px;color:#676c70;line-height:21px;transform:translateY(20px);opacity:0;width:230px;display:block}.about_company .manageteam .photo-box .photo-item.active{box-shadow:0 2px 8px 0 rgba(230,241,250,.5);width:280px}.about_company .manageteam .photo-box .photo-item.active .avatar{transition:all .2s ease-in-out 0s;transform:translateY(-10px) scale(1.1);opacity:0}.about_company .manageteam .photo-box .photo-item.active .info-text{opacity:1;transform:translateY(0);transition:all .4s ease-in-out .1s}.about_company .manageteam .photo-box .photo-item:hover .avatar{transition:all .2s ease-in-out 0s;transform:translateY(-10px) scale(1.1);opacity:0}.about_company .manageteam .photo-box .photo-item:hover .info-text{opacity:1;transform:translateY(0);transition:all .4s ease-in-out .1s}.about_company .manageteam .team-elegant{margin-top:160px;position:relative;padding-bottom:50px}.about_company .manageteam .team-elegant .list{height:377px;overflow:hidden}.about_company .manageteam .team-elegant .elegant-list .list-item{width:380px;height:327px;background:#fff;border:1px solid #edf4fa;float:left;margin-right:23px;margin-top:48px;cursor:pointer}.about_company .manageteam .team-elegant .elegant-list .list-item:nth-of-type(3n){margin-right:0}.about_company .manageteam .team-elegant .elegant-list .list-item img{display:block;width:100%;height:240px}.about_company .manageteam .team-elegant .elegant-list .list-item p{font-size:16px;font-weight:400;color:#3d4042;line-height:24px;padding:0 30px;margin-top:18px}.about_company .manageteam .team-elegant .list-nav{margin-top:50px}.about_company .manageteam .team-elegant .tip{width:1000px;height:20px;text-align:center;position:absolute;left:50%;margin-left:-500px;bottom:0;z-index:3}.about_company .manageteam .team-elegant .tip span{width:15px;height:4px;margin:0 8px;display:inline-block;cursor:pointer;background:#bcc5cc;border-radius:10px;transition:all .25s ease}.about_company .manageteam .team-elegant .tip span.on{background:#42a4ff;width:25px}.about_company .manageteam .time-line{margin-top:160px}.about_company .manageteam .time-line .timeline-box{padding-top:136px;overflow:hidden;position:relative}.about_company .manageteam .time-line .timeline-box .yearwrapper{position:absolute;top:0;left:0;right:0;background:#fff;z-index:1;text-overflow:ellipsis;overflow:hidden}.about_company .manageteam .time-line .timeline-box>p{font-size:16px;font-weight:400;color:#676c70;line-height:16px;text-align:center}.about_company .manageteam .time-line .timeline-box .fixheaer{position:fixed;top:72px;left:0;right:0;background:#fff;z-index:1}.about_company .manageteam .time-line .timeline-box .yearslist{margin-top:60px;width:9999px;height:40px;line-height:40px;margin-left:50%;transition:all .3s linear;transform:translateX(-44px);user-select:none}.about_company .manageteam .time-line .timeline-box .yearslist .item{font-size:30px;display:inline-block;font-weight:500;color:#a1aab3;line-height:30px;margin-right:24px;vertical-align:middle;cursor:pointer}.about_company .manageteam .time-line .timeline-box .yearslist .item.active{font-size:40px;font-weight:500;color:#3d4042;line-height:40px}.about_company .manageteam .time-line .timeline-box .hrline{height:1px;background:#d3dae0;margin-top:35px}.about_company .manageteam .time-line .timeline-box .hrline .tabs-line{display:block;width:120px;height:2px;position:relative;box-sizing:border-box;margin-left:50%;transform:translateX(-60px);margin-bottom:-1px}.about_company .manageteam .time-line .timeline-box .hrline .tabs-line:before{content:'';position:absolute;left:50%;margin-left:-4px;bottom:-3px;width:8px;height:8px;border-top:1px solid #00a4ff;border-left:1px solid #00a4ff;background-color:#fff;z-index:10;transform:rotate(45deg)}.about_company .manageteam .time-line .timeline-box .hrline .tabs-line:after{display:inline-block;content:"";height:1px;width:100%;position:absolute;left:0;right:0;bottom:1px;background:#00a4ff;z-index:1}.about_company .manageteam .time-line .timeline-box .about-content-section{position:relative;width:100%;height:100%}.about_company .manageteam .time-line .timeline-box .about-content-section .about-content{width:100%;height:1000px;position:relative}.about_company .manageteam .time-line .timeline-box .about-content-section .about-content .center-divider{height:1000px;width:1px;position:absolute;border-right:1px dotted #d3dae0;left:50%;margin-left:-1px}.about_company .manageteam .time-line .timeline-box .about-content-section .about-content .horizontal-divider-r{width:50%;height:1px;left:50%;position:absolute;border-bottom:1px dotted #d3dae0}.about_company .manageteam .time-line .timeline-box .about-content-section .about-content .horizontal-divider-l{width:50%;height:1px;position:absolute;border-bottom:1px dotted #adb3bc}.about_company .manageteam .time-line .timeline-box .about-content-section .about-content .about-honor-content-l,.about_company .manageteam .time-line .timeline-box .about-content-section .about-content .about-honor-content-r{width:480px;height:150px;padding-right:30px;position:absolute;left:50%;margin-left:-510px;text-align:right}.about_company .manageteam .time-line .timeline-box .about-content-section .about-content .about-honor-content-l .month,.about_company .manageteam .time-line .timeline-box .about-content-section .about-content .about-honor-content-r .month{font-size:24px;color:#a1aab3;text-align:inherit}.about_company .manageteam .time-line .timeline-box .about-content-section .about-content .about-honor-content-l .cloumn,.about_company .manageteam .time-line .timeline-box .about-content-section .about-content .about-honor-content-r .cloumn{width:1px;height:14px;background:#a1aab3;display:inline-block;margin:auto 10px}.about_company .manageteam .time-line .timeline-box .about-content-section .about-content .about-honor-content-l .cloumn~span,.about_company .manageteam .time-line .timeline-box .about-content-section .about-content .about-honor-content-r .cloumn~span{font-size:14px;font-weight:400;color:#a1aab3;line-height:14px;vertical-align:middle}.about_company .manageteam .time-line .timeline-box .about-content-section .about-content .about-honor-content-l .title,.about_company .manageteam .time-line .timeline-box .about-content-section .about-content .about-honor-content-r .title{margin-top:6px;text-align:inherit;font-size:14px;color:#3d4042;line-height:1.6}.about_company .manageteam .time-line .timeline-box .about-content-section .about-content .about-honor-content-l .desc,.about_company .manageteam .time-line .timeline-box .about-content-section .about-content .about-honor-content-r .desc{margin-top:10px;text-align:inherit;opacity:.6;font-size:16px;color:#142440}.about_company .manageteam .time-line .timeline-box .about-content-section .about-content .about-honor-content-l:after,.about_company .manageteam .time-line .timeline-box .about-content-section .about-content .about-honor-content-r:after{width:14px;height:14px;content:"";background:#0f93ff;border:2px solid #cce2ff;display:inline-block;position:absolute;border-radius:10px;right:-10px;top:48px}.about_company .manageteam .time-line .timeline-box .about-content-section .about-content .about-honor-content-r{width:480px;height:80px;padding-left:30px;position:absolute;left:50%;margin:0;text-align:left}.about_company .manageteam .time-line .timeline-box .about-content-section .about-content .about-honor-content-r>div{text-align:left}.about_company .manageteam .time-line .timeline-box .about-content-section .about-content .about-honor-content-r:after{left:-10px}.about_company .manageteam .service{margin-top:160px;position:relative;height:200px}.about_company .manageteam .service .flex-box{position:absolute;top:0;left:0;width:100%;display:flex;justify-content:flex-end;align-items:center}.about_company .manageteam .service .flex-box>div{display:block;width:378px;height:188px;overflow:hidden}.about_company .manageteam .service .flex-box>div:first-child{margin-right:44px}.about_company .manageteam .service .flex-box>div p{font-size:22px;font-weight:500;color:#fff;line-height:20px;margin-top:40px;margin-left:40px}.about_company .manageteam .service .flex-box>div span{display:block;font-size:14px;font-weight:400;color:#fff;line-height:14px;float:left;margin-top:22px;margin-left:40px}.about_company .manageteam .service .flex-box .bg1{background:url(/templates/xgjnew/img/p7.png) no-repeat center center;background-size:cover}.about_company .manageteam .service .flex-box .bg2{background:url(/templates/xgjnew/img/p9.png) no-repeat center center;background-size:cover}.about_company .manageteam .address{position:relative;height:770px;margin-bottom:80px}.about_company .manageteam .address .address-content{width:800px;position:absolute;top:0;right:0}.about_company .manageteam .address .address-content .mapArea{margin-right:100px}.about_company .manageteam .address .address-content .mapArea .map{width:800px;height:380px}.about_company .manageteam .address .address-content .mapArea .map>div{height:100%}.about_company .manageteam .address .address-content .mapArea .t{font-size:14px;color:#a1aab3;margin-top:12px}.about_company .manageteam .address .address-content .mapArea .t span{cursor:pointer;margin:0 5px}.about_company .manageteam .address .address-content .mapArea .t span.cur{color:#4399ff}.about_company .manageteam .address .address-content .flex-box{position:relative;display:flex;flex-wrap:wrap}.about_company .manageteam .address .address-content .flex-box>p{margin-top:32px;flex-basis:50%;font-size:16px;color:#3d4042;line-height:1.6}.about_company .manageteam .address .address-content .flex-box:after{content:'';position:absolute;left:44%;top:53px;height:177px;width:1px;background:#f5f5f5}