.home .sec-block { margin: 12px; margin-bottom: 0; } .swiper-slide .swiper-btn { position: absolute; top: 282px; left: 50%; transform: translateX(-50%); display: flex; } .swiper-slide .swiper-btn .btn1 { width: 90px; height: 28px; } .swiper-slide .swiper-btn .btn1 img { display: block; width: 100%; } .swiper-slide .swiper-btn .btn1:last-child { margin-left: 20px; } .dialog-team-infos, .dialog-video-infos { width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; z-index: 9999; display: none; } .dialog-team-infos .dialog-bg, .dialog-video-infos .dialog-bg { position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.6); width: 100%; height: 100%; z-index: 9999; } .dialog-team-infos .dialog-video, .dialog-video-infos .dialog-video { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 9999; width: 800px; } .dialog-team-infos .dialog-video .block-video, .dialog-video-infos .dialog-video .block-video { width: 800px; height: 450px; } .dialog-team-infos .dialog-video .div-txt, .dialog-video-infos .dialog-video .div-txt { width: 90px; height: 28px; margin-top: 60px; margin-left: 360px; cursor: pointer; } .dialog-team-infos .dialog-video .close-img, .dialog-video-infos .dialog-video .close-img { position: absolute; width: 56px; height: 56px; background-color: #1E1E1E; display: flex; align-items: center; justify-content: center; right: -56px; top: 0; cursor: pointer; } .dialog-team-infos .dialog-video .close-img .img-close, .dialog-video-infos .dialog-video .close-img .img-close { width: 20px; height: 20px; } .dialog-team-infos .dialog-content, .dialog-video-infos .dialog-content { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 9999; width: 1020px; height: 600px; background-color: #fff; display: flex; padding: 32px; box-sizing: border-box; } .dialog-team-infos .dialog-content .close-img, .dialog-video-infos .dialog-content .close-img { width: 28px; height: 28px; position: absolute; top: 32px; right: 32px; cursor: pointer; } .dialog-team-infos .dialog-content .content-img, .dialog-video-infos .dialog-content .content-img { margin-right: 32px; } .dialog-team-infos .dialog-content .content-img img, .dialog-video-infos .dialog-content .content-img img { display: block; width: 100%; width: 244px; height: 308px; } .dialog-team-infos .dialog-content .content-infos, .dialog-video-infos .dialog-content .content-infos { flex: 1; } .dialog-team-infos .dialog-content .content-infos .txt1, .dialog-video-infos .dialog-content .content-infos .txt1 { font-size: 28px; color: #333333; line-height: 28px; margin-bottom: 20px; } .dialog-team-infos .dialog-content .content-infos .txt2, .dialog-video-infos .dialog-content .content-infos .txt2 { font-size: 16px; color: #333333; line-height: 16px; margin-bottom: 36px; } .dialog-team-infos .dialog-content .content-infos .txt3, .dialog-video-infos .dialog-content .content-infos .txt3 { display: flex; background-color: #0052D8; align-items: center; justify-content: center; color: #fff; font-size: 12px; width: 90px; height: 28px; font-weight: bold; cursor: pointer; } .dialog-team-infos .dialog-content .content-infos .txt3 .icon-video, .dialog-video-infos .dialog-content .content-infos .txt3 .icon-video { width: 12px; height: 12px; margin-right: 6px; } .dialog-team-infos .dialog-content .content-infos .block-infos, .dialog-video-infos .dialog-content .content-infos .block-infos { height: 350px; overflow-y: auto; margin-top: 32px; box-sizing: border-box; } .dialog-team-infos .dialog-content .content-infos .block-infos p, .dialog-video-infos .dialog-content .content-infos .block-infos p { font-size: 14px; color: #333333; line-height: 28px; } .enterprise .topad { position: relative; } .enterprise .topad .img-play-video { width: 90px; height: 28px; position: absolute; left: 50%; transform: translate(-50%); display: block; bottom: 70px; cursor: pointer; } .enterprise .top { padding: 60px 0; box-sizing: border-box; } .enterprise .top .div-title { display: flex; align-items: center; justify-content: center; margin-bottom: 40px; } .enterprise .top .div-title .img-title { width: 144px; height: 24px; display: block; } .enterprise .top .data .h4 { line-height: 28px; margin-bottom: 20px; } .enterprise .top .data .tip-txt { display: flex; align-items: center; font-size: 14px; line-height: 26px; color: #666666; } .enterprise .top .data .tip-txt .tip-label { color: #333333; } .enterprise .div-skill { background-color: #F7F9FA; display: flex; padding: 80px 40px; box-sizing: border-box; background-image: url(../images/22-02-18/5150@2x.png); background-size: 410px; background-repeat: no-repeat; background-position-x: 37px; background-position-y: bottom; } .enterprise .div-skill .skill-l { width: 50%; height: 192px; } .enterprise .div-skill .skill-l:last-child { border-left: 1px solid #D8D9DC; padding-left: 80px; box-sizing: border-box; } .enterprise .div-skill .skill-l .skill-txt { font-size: 20px; line-height: 20px; color: #333333; margin-bottom: 40px; } .enterprise .div-skill .skill-l .skill-txt2 { font-size: 14px; color: #666666; line-height: 26px; width: 480px; } .enterprise .div-skill .skill-l .skill-txt2 .col { color: #333333; } .enterprise .div-address { padding: 80px 0; box-sizing: border-box; } .enterprise .div-address .addr-left .txt1 { font-size: 24px; line-height: 24px; color: #333333; padding-top: 20px; padding-bottom: 28px; } .enterprise .div-address .addr-left .txt2 { font-size: 14px; line-height: 14px; color: #666666; } .enterprise .div-address .addr-left .div-block { width: 24px; height: 2px; background-color: #333333; margin-top: 60px; margin-bottom: 40px; } .enterprise .div-address .addr-left .div-href { width: 120px; height: 44px; color: #fff; line-height: 44px; text-align: center; display: block; font-size: 16px; margin-top: 60px; background-color: #0052D8; } .enterprise .div-address .addr-left .div-addr2 .txt1 { font-size: 16px; } .enterprise .div-address .addr-img { width: 534px; height: 400px; } .enterprise .div-group { background-image: url(../images/22-02-18/8666@2x.png); background-size: cover; width: 100%; height: 666px; padding-bottom: 80px; box-sizing: border-box; } .enterprise .div-group .group-title { padding-top: 80px; padding-bottom: 68px; font-size: 24px; line-height: 24px; color: #333333; box-sizing: border-box; } .enterprise .div-group .img-group { width: 82%; } .enterprise .research { background-color: #FAFAFA; margin-top: 20px; } .enterprise .research .team { background-color: #FAFAFA; } .enterprise .research .img-team { width: 100%; display: block; padding-top: 20px; padding-bottom: 40px; box-sizing: border-box; } .enterprise .research .list { display: flex; flex-wrap: wrap; justify-content: space-between; height: auto; } .enterprise .research .list li { width: calc(50% - 10px); margin-top: 20px; } .enterprise .research .list li .item { border: none; background-color: #fff; padding: 20px; box-sizing: border-box; } .enterprise .research .list li .item .figure { position: relative; margin-right: 24px; } .enterprise .research .list li .item .figure .pic { width: 126px; height: 160px; display: block; margin-right: 0; } .enterprise .research .list li .item .figure .icon-play { width: 32px; height: 32px; position: absolute; right: 12px; bottom: 12px; } .enterprise .research .list li .item .name { display: flex; align-items: center; font-size: 20px; color: #0052D8; line-height: 20px; height: auto; padding-top: 8px; box-sizing: border-box; margin-bottom: 16px; } .enterprise .research .list li .item .name .icon-arrow { margin-left: 12px; width: 6px; height: 8px; } .enterprise .research .list li .item .tip { font-size: 14px; line-height: 14px; color: #333333; margin-bottom: 24px; height: auto; } .enterprise .research .list li .item .say { font-size: 16px; line-height: 28px; color: #666666; } .enterprise .company-about { padding: 80px 0; box-sizing: border-box; } .enterprise .company-about .img-about { width: 534px; height: 400px; margin-right: 60px; } .enterprise .company-about .about-r .img-zi { display: block; width: auto; height: 20px; margin-top: 20px; margin-bottom: 24px; } .enterprise .company-about .about-r .txt { font-size: 14px; color: #333333; line-height: 14px; margin-bottom: 60px; } .video-list .div-detail { margin: 0 auto; width: 1000px; background-color: #F7F9FA; height: 169px; margin-top: -20px; } .video-list .div-detail .det-img { width: 478px; height: auto; } .video-list .div-detail .detail-cons { flex: 1; display: flex; align-items: center; justify-content: center; flex-direction: column; } .video-list .div-detail .detail-cons .txt { font-size: 20px; line-height: 20px; color: #333333; margin-bottom: 30px; } .video-list .div-detail .detail-cons .icon-arrow { width: 75px; display: block; } .video-list .list { width: 1000px; margin: 0 auto; } .video-list .list li .item { border: none; width: 480px; } .video-list .list li .item .div-video { width: 100%; height: 270px; } .video-list .list li .item .vieo-txt { font-size: 20px; line-height: 40px; color: #333333; margin-top: 32px; } .page-park .div-park { padding: 80px 0; box-sizing: border-box; background-color: #F7F9FA; } .page-park .div-park .park-l { height: 418px; width: 680px; padding-left: 40px; padding-top: 80px; box-sizing: border-box; background-color: #fff; } .page-park .div-park .park-l .txt1 { font-size: 24px; line-height: 24px; color: #333333; margin-bottom: 28px; } .page-park .div-park .park-l .txt2 { font-size: 16px; line-height: 16px; color: #333333; margin-bottom: 67px; } .page-park .div-park .park-l .txt3 { font-size: 14px; line-height: 26px; color: #666666; width: 480px; } .page-park .div-park .park-r { width: 520px; background-color: #333333; padding: 0 40px; padding-top: 82px; box-sizing: border-box; } .page-park .div-park .park-r .txt4 { font-size: 20px; color: #fff; line-height: 20px; } .page-park .div-park .park-r .block1 { width: 12px; height: 2px; background-color: #fff; margin-top: 30px; margin-bottom: 56px; } .page-park .div-park .park-r .type-list { display: flex; justify-content: space-between; } .page-park .div-park .park-r .type-list .item .txt5 { font-size: 12px; color: #d8d8d8; margin-bottom: 20px; } .page-park .div-park .park-r .type-list .item .txt6 { font-size: 16px; color: #fff; } .page-park .div-park .park-r .type-list .item .txt6 .col { font-size: 40px; font-weight: bold; position: relative; top: -3px; } .page-park .div-park .research-l { margin-top: 40px; padding-top: 60px; padding-left: 40px; box-sizing: border-box; background-color: #0052D8; width: 395px; box-sizing: border-box; } .page-park .div-park .research-l .txt7 { font-size: 20px; line-height: 40px; color: #FFFFFF; } .page-park .div-park .research-l .block2 { width: 12px; height: 2px; background-color: #fff; margin-top: 28px; margin-bottom: 60px; } .page-park .div-park .research-l .txt8 { font-size: 16px; color: #FFFFFF; line-height: 16px; margin-bottom: 20px; } .page-park .div-park .research-l .txt9 { color: #FDFEFF; font-size: 14px; line-height: 26px; width: 330px; } .page-park .div-park .research-r { margin-top: 40px; display: block; width: 805px; } .page-park .park-list { padding: 80px 0; box-sizing: border-box; } .page-park .park-list .txt10 { font-size: 24px; line-height: 24px; color: #333333; margin-bottom: 48px; } .page-park .park-list .txt11 { font-size: 16px; color: #0052D8; margin-bottom: 20px; } .page-park .park-list .txt12 { font-size: 14px; line-height: 14px; color: #666666; } .page-park .park-list .lists { display: flex; flex-wrap: wrap; justify-content: space-between; } .page-park .park-list .lists .item { margin-top: 60px; width: calc((100% - 40px) / 3); } .page-park .park-list .lists .item .item-img { width: 100%; display: block; height: 270px; object-fit: cover; } .page-park .park-list .lists .item .txt13 { font-size: 28px; color: #333333; line-height: 46px; margin-top: 24px; margin-bottom: 20px; } .page-park .park-list .lists .item .txt14 { font-size: 14px; color: #0052D8; display: block; height: 14px; } .page-park .park-list .lists .item .txt14 .icon-right { margin-left: 6px; width: 12px; height: 10px; } .page-article { width: 600px; margin: 0 auto; padding-top: 92px; padding-bottom: 60px; } .page-article .article-title { line-height: 30px; color: #333333; padding-bottom: 40px; border-bottom: 1px solid #E3E4E6; font-size: 30px; margin-bottom: 40px; } .page-article .intros-tips { margin-top: 40px; margin-bottom: 40px; padding-top: 40px; border-top: 1px solid #E3E4E6; font-size: 20px; color: #333333; } .page-article .intros-txt img { width: 100%; display: block; } .page-article .intros-txt p { font-size: 14px; line-height: 26px; color: #666; margin-bottom: 20px; }