.yj-about-page .content-wrap{width:1368px;margin:0 auto;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.yj-about-page .content-wrap .common-header{text-align:center;position:relative;padding-bottom:10px}.yj-about-page .content-wrap .common-header span{font-size:30px;color:#333;line-height:42px}.yj-about-page .content-wrap .common-header:after{content:"";position:absolute;left:50%;margin-left:-22px;bottom:0;width:44px;height:5px;background:-webkit-gradient(linear,right top,left top,from(#316ccb),to(#4fa7fa));background:linear-gradient(270deg,#316ccb,#4fa7fa)}.yj-about-page .banner{background:url(../../static/img/banner.e9636f41.png) 0 0 no-repeat;background-size:100% 100%;height:545px}.yj-about-page .banner .content-wrap{padding-top:212px;position:relative}.yj-about-page .banner .content-wrap h3{font-size:40px;font-weight:700;text-align:left;color:#fff;line-height:40px;letter-spacing:.06px;margin-bottom:34px}.yj-about-page .banner .content-wrap h6{font-size:18px;text-align:left;color:#fff;line-height:18px;letter-spacing:.02px}.yj-about-page .banner .content-wrap .nav{position:absolute;left:0;bottom:0;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;background:hsla(0,0%,100%,.42);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);-webkit-transition:all .3s;transition:all .3s}.yj-about-page .banner .content-wrap .nav li{width:342px;height:76px;line-height:76px;text-align:center}.yj-about-page .banner .content-wrap .nav li.active,.yj-about-page .banner .content-wrap .nav li:hover{background:-webkit-gradient(linear,right top,left top,from(#316ccb),to(#4fa7fa));background:linear-gradient(270deg,#316ccb,#4fa7fa)}.yj-about-page .banner .content-wrap .nav li a{display:block;font-size:16px;color:#fff}.yj-about-page .introduce{background:url(../../static/img/company_intro_bg.8daf282c.png) 0 0 no-repeat;background-size:100% 100%;padding:112px 0 86px 0}.yj-about-page .introduce .content-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.yj-about-page .introduce .left{width:650px;-ms-flex-negative:0;flex-shrink:0}.yj-about-page .introduce .left .logo{margin-bottom:45px}.yj-about-page .introduce .left p{font-size:14px;color:#333;line-height:30px}.yj-about-page .introduce .right{-ms-flex-negative:0;flex-shrink:0;width:600px;height:400px}.yj-about-page .data{background:url(../../static/img/data_bg.a67a1b3b.png) 0 0 no-repeat;background-size:100% 100%;height:277px}.yj-about-page .data ul{height:100%}.yj-about-page .data ul li{width:25%}.yj-about-page .data ul li .num{font-size:70px;color:#000;line-height:82px;position:relative}.yj-about-page .data ul li .num .number{font-family:num}.yj-about-page .data ul li .num .unit{position:absolute;line-height:1;top:12px;font-size:24px;vertical-align:text-top;margin-left:10px}.yj-about-page .data ul li .name{font-size:16px;color:#999;line-height:22px}.yj-about-page .mission{background:url(../../static/img/mission_bg.892044a6.png) 0 0 no-repeat;background-size:100% 100%;padding:97px 0 98px 0}.yj-about-page .mission ul{margin-top:76px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.yj-about-page .mission ul li{width:328px;height:440px;overflow:hidden;position:relative;cursor:pointer}.yj-about-page .mission ul li:hover .pos-desc{top:0}.yj-about-page .mission ul li .pos-desc{position:absolute;left:0;top:100%;z-index:2;width:100%;height:100%;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;background:-webkit-gradient(linear,right top,left top,from(#316ccb),to(#4fa7fa));background:linear-gradient(270deg,#316ccb,#4fa7fa)}.yj-about-page .mission ul li .pos-desc .tit{position:relative;margin:60px 30px 0 30px;font-size:24px;font-weight:600;color:#fff;line-height:32px}.yj-about-page .mission ul li .pos-desc .desc{margin:19px 30px 0 30px;font-size:16px;font-weight:400;text-align:left;color:#fff;line-height:30px}.yj-about-page .mission ul li .mission-item{position:relative;width:100%;height:100%}.yj-about-page .mission ul li .mission-item .bg{position:absolute;left:0;top:0;z-index:-1;width:100%;height:100%}.yj-about-page .mission ul li .mission-item .bg img,.yj-about-page .mission ul li .mission-item .info{width:100%;height:100%}.yj-about-page .mission ul li .mission-item .info .img{display:block;height:80px;margin-bottom:20px}.yj-about-page .mission ul li .mission-item .info i{font-size:80px;color:#fff;margin-bottom:20px}.yj-about-page .mission ul li .mission-item .info .title{font-size:24px;text-align:center;color:#fff;line-height:33px}.yj-about-page .development{background:url(../../static/img/development_bg.7108dcbd.png) 0 0 no-repeat;background-size:100% 100%;padding:118px 0 0 0;height:974px;-webkit-box-sizing:border-box;box-sizing:border-box}.yj-about-page .development .common-header span{color:#fff}.yj-about-page .development .img{margin-top:100px;text-align:center}.yj-about-page .certification{background:url(../../static/img/certification_bg.35e06c52.png) 0 0 no-repeat;background-size:100% 100%;padding:114px 0 0 0;height:942px;-webkit-box-sizing:border-box;box-sizing:border-box}.yj-about-page .certification .frame{width:1416px;height:643px;background:url(../../static/img/certification_frame_bg.34b16b8d.png) 0 0 no-repeat;background-size:100% 100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:20px 25px 29px 25px}.yj-about-page .certification .frame .tab{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.yj-about-page .certification .frame .tab li{height:66px;-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center;background:#fafafa;cursor:pointer;position:relative}.yj-about-page .certification .frame .tab li.active{background:#fff}.yj-about-page .certification .frame .tab li.active:before{content:"";position:absolute;width:100%;height:4px;left:0;top:0;background:-webkit-gradient(linear,right top,left top,from(#316ccb),to(#4fa7fa));background:linear-gradient(270deg,#316ccb,#4fa7fa)}.yj-about-page .certification .frame .tab li span{font-size:22px;color:#333;line-height:1}.yj-about-page .certification .frame .tab li i{font-size:22px;margin-right:9px;color:#316ccb;vertical-align:baseline}.yj-about-page .certification .frame .img{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:86px}.yj-about-page .certification .frame .img li+li{margin-left:118px}.yj-about-page .certification .frame .img li span{margin-top:28px;font-size:18px;color:#333;line-height:25px}.yj-about-page .flex-row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.yj-about-page .flex-row.align-start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:start!important}.yj-about-page .flex-row.center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important;-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.yj-about-page .flex-column{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.yj-about-page .flex-column.center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important;-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}@media screen and (max-height:800px){.yj-about-page .content-wrap{width:100%;padding:0 40px}.yj-about-page .introduce .left{width:700px}.yj-about-page .introduce .right{height:400px}.yj-about-page .certification .frame{width:100%}}