/*首页*/ .banner{ width:100%; height:auto; background:#1a294f; position:relative; } .banner ul{ z-index:-1; } .banner ul li>img{ width:100%; height:auto; } .banner-innerhtml{ margin:0 auto; position:absolute; top:20%; left:50%; margin-left:-218px; } .banner-innerhtml h1{ font-size:68px; font-family:Arial; text-align: center; -webkit-text-fill-color: transparent; font-weight: 600; } .banner-innerhtml h1 img{ width:280px; } .banner-innerhtml p{ color:#37d0e8; text-align: center; margin-bottom:63px; } .banner-innerhtml a{ box-sizing:border-box; padding:14px 60px; border:1px solid #ffffff; border-image: -webkit-linear-gradient(#37d0e8,#4239d8) 10 10; border-image: -moz-linear-gradient(#37d0e8,#4239d8) 1 1; border-image: linear-gradient(#37d0e8,#4239d8) 1 1; color:#37d0e8; text-align:center; border-radius:10px; } .banner-innerhtml a:hover{ color:#ffffff; text-decoration: none; } .know-info:hover{ box-shadow: 0px 2px 8px #37d0e8; border-radius:none; } /*产品介绍模块*/ .cy-product{ width:100%; height:auto; overflow: hidden; background: url(/images/cy-background.png) no-repeat; background-size:100%; height:765px; } .cy-title{ text-align: center; } .cy-title p{ font-size:12px; color:#999999; line-height: 7px; font-family: PingFangSC-Thin, sans-serif; } .cy-title h3{ font-size:24px; font-weight:400; margin-bottom:20px; padding-top:73px; } .cy-product ul>li{ width:25%; float:left; padding:35px 20px; box-sizing:border-box; } .cy-product-ul{ padding:20px 0; box-sizing: border-box; } .cy-product ul>li:hover{ box-shadow: 0px 3px 10px 5px #f5f5f5; background:#ffffff; } .cy-product ul>li:hover .cy-icon{ background:url(/images/icon/cy-icon2.svg) no-repeat 19px; transform: rotate(360deg); transition: .1s all ease; transform-origin:center center; } .cy-product ul>li:hover .cy-icon1{ background-position:-51px 0px; } .cy-product ul>li:hover .cy-icon2{ background-position:-51px -91px; } .cy-product ul>li:hover .cy-icon3{ background-position:-51px -183px; } .cy-product ul>li:hover .cy-icon4{ background-position:-51px -248px; } .icon{ width:80px; height:80px; /* background:-webkit-linear-gradient(#2d9fff, #49acff); background:linear-gradient(#2d9fff, #49acff); background:-o-linear-gradient(#2d9fff, #49acff); background:-moz-linear-gradient(#2d9fff, #49acff);*/ border-radius:50%; margin:0 auto; padding-top:19px; box-sizing: border-box; overflow: hidden; } .cy-product ul>li h5{ font-size:18px; font-weight: 400; text-align: center; margin:40px 0 35px 0; } .cy-product ul>li p{ text-align: center; font-size:12px; color:#666666; margin-bottom:22px; } .cy-icon{ width:156px; height:291px; margin:0 auto; background:url(/images/icon/cy-icon2.svg) no-repeat 19px; display: block; } .icon .cy-icon2{ background-position: 21px -91px; } .icon .cy-icon3{ background-position: 21px -183px; } .icon .cy-icon4{ background-position: 21px -248px; } .cy-button{ margin-top:40px; text-align: center; } .cy-button a{ padding:7px 20px; display: block; margin:0 auto; background:-webkit-linear-gradient(#2d9fff, #49acff); background:linear-gradient(#2d9fff, #49acff); background:-o-linear-gradient(#2d9fff, #49acff); background:-moz-linear-gradient(#2d9fff, #49acff); color:#ffffff; box-sizing: border-box; width: 50%; text-align: center; font-size:14px; border-radius: 15px; box-shadow: 0 4px 13px 1px #8ecbfffc; display: none; } /*客户痛点模块*/ .cy-pointst{ background:#f6f8fa url(/images/pointst-background.png) no-repeat; background-size: 100%; } .pointst-diagram{ position:relative; } .pointst-diagram p{ color:#333333; font-size:16px; } .outside-circle{ width:436px; height:436px; background:rgba(255,255,255.0.34); border:1px solid #d6dae2; border-radius: 50%; margin:55px auto; padding-top:47px; box-sizing: border-box; } .left-describe{ padding-top:283px; padding-left:40px !important; } .inner-circle{ width:342px; height:342px; background:url(/images/circle2.png) no-repeat; background-size:100%; margin:0 auto; padding-top:107px; position:relative; } .circle-icon1,.circle-icon2,.circle-icon3{ width:46px; height:46px; position:absolute; display: block; } .circle-icon1{ background:url(/images/icon/circle-icon.png) no-repeat; bottom:165px; left:-18px; } .circle-icon2{ background:url(/images/icon/circle-icon2.png) no-repeat; right:36px; top:25px; } .circle-icon3{ background:url(/images/icon/circle-icon3.png) no-repeat; right:36px; bottom:32px; } .indicate-line{ display:block; position:absolute; } .left-indicate-line{ top:273px; right:-67px; } .right-indicate-line1{ left:-102px; top:89px; } .right-indicate-line2{ left:-99px; top:392px; } .top-line-describe{ margin-top:53px; } .bottom-line-describe{ margin-top:312px; } .poster-main { width: 1000px; height: 500px; position: relative; margin: 70px auto; } .poster-main a, .poster-main img { display: block; } .poster-main .poster-list { width: 1000px; height: 500px; } .poster-main .poster-list .poster-item { width: 200px; height: 500px; position: absolute; left: 0; top: 0; border:1px solid #ddd; background:#fff; } .poster-main .poster-btn { position: absolute; top: 0; z-index: 10; cursor: pointer; } .poster-main .poster-prev-btn { left: 0; background: url(/img/left.png) no-repeat center center; } .poster-main .poster-next-btn { right: 0; background: url(/img/right.png) no-repeat center center; } /*红圈*/ @keyframes redCircle{ 100% { opacity: 0; transform: scale(1.5, 1.5); } 0% { opacity: 1; transform: scale(0, 0); } } @-webkit-keyframes redCircle { 100% { opacity: 0; transform: scale(1.5, 1.5); } 0% { opacity: 1; transform: scale(0, 0); } } @keyframes colorBg{ 0% { top:180px; left:180px; } 20%{ top:200px; left:200px; } 40%{ top:240px; left:240px; } 80%{ top:200px; left:200px; } 100% { top:180; left:180; } } @-webkit-keyframes colorBg{ 0% { top:280px; left:280px; } 25%{ top:342px; left:346px; } 100% { top:280; left:280; } } .left-red-circle,.rightTop-red-circle,.rightBottom-red-circle{ width:70px; height:70px; position:absolute; } .left-red-circle{ top:229px; left:47px; } .rightTop-red-circle{ top:117px; right:82px; } .rightBottom-red-circle{ top:348px; right:77px; } .red-circle1,.red-circle2,.red-circle3{ left:50%; top:50%; } .red-circle1{ width:36px; height:36px; background:rgba(255,0,0,0.29); border-radius:50%; animation:redCircle 1s linear infinite; position:absolute; margin-left:-18px; margin-top:-18px; } .red-circle2{ width:24px; height:24px; background:rgba(255,0,0,0.42); animation:redCircle 1s linear infinite; border-radius:50%; position:absolute; margin-left:-12px; margin-top:-12px; } .red-circle3{ width:14px; height: 14px; border-radius: 50%; background:-webkit-linear-gradient(#f94336, #cf190a); background:linear-gradient(#f94336, #cf190a); background:-o-linear-gradient(#f94336, #cf190a); background:-moz-linear-gradient(#f94336, #cf190a); position:absolute; margin-left:-7px; margin-top:-7px; } .solution-button{ color:#ffffff; font-size:14px; padding:17px 73px; background:-webkit-linear-gradient(#2c9fff, #4badff); border-radius:30px; box-shadow: 0px 21px 26px -11px #adceea; margin:30px 0; display: inline-block; } .solution-button:hover,.solution-button:focus{ color:#ffffff; background:-webkit-linear-gradient(#0c66d5, #33a1fd); background:linear-gradient(#0c66d5, #33a1fd); background:-o-linear-gradient(#0c66d5, #33a1fd); background:-moz-linear-gradient(#0c66d5, #33a1fd); text-decoration: none; box-shadow: 0px 20px 10px -11px #adceea; } .pointst-bg1{ background:url(/images/pointst-bg2.png) no-repeat; background-size:100%; position:absolute; width:400px; height:400px; z-index: 99; left:298px; top:188px; /*animation:colorBg 2s linear infinite;*/ } .mini-service{ margin-top:108px; } .graph{ background:url(/images/mini-service.png) no-repeat; height:400px; } .cy-advantage{ background:url(/images/second-img/advantages-bg.png) no-repeat; background-size:100% ; } .adv-details h5{ font-size:20px; color:#3ba5ff; } .adv-details h5::after{ content:""; display:block; width:48px; height:6px; background:#000000; margin:21px 0 20px 0; } .adv-details dl{ color:#203260; } .adv-details dt p { font-size:14px; font-weight:400; margin-bottom:5px; } .adv-details dt{ margin-bottom:37px; } .adv-details dd li{ font-size:24px; margin-bottom:12px; } .graph{ position:relative; } .txt-label{ left:81px; line-height:21px; } .txt-label1{ left:226px; top:37px; } .txt-label2{ top:-39px; left:10px; } .txt-label3{ top:20px; left:122px; } .txt-label,.txt-label1,.txt-label2,.txt-label3{ background:#ffffff; border:1px solid #15254c; color:#2d9fff; font-size:12px; text-align: center; position:absolute; padding:0 5px; } .txt-label span,.txt-label1 span,.txt-label2 span,.txt-label3 span{ display:block; width:9px; height:8px; background:url(/images/triangle.png) no-repeat; position:absolute; bottom:-9px; left:50%; margin-left:-4px; } .graph-board{ position:absolute; width:350px; height:230px; left:191px; bottom:48px; } .one-block{padding-left:84px;} /*.graph-board:hover{ bottom:53px; }*/ .container-img{ width:59px; height:70px; background:url(/images/container.png) no-repeat; position:absolute; left:85px; bottom:39px; } .container-img2{ width:59px; height:70px; background:url(/images/container.png) no-repeat; position:absolute; left:156px; bottom:81px; } .container-img:hover{ bottom:45px; display:block; } .container-img2:hover{ bottom:85px; display:block; } .container-img3:hover{ bottom:128px; display: block; } .container-img3{ width:59px; height:70px; background:url(/images/container.png) no-repeat; position:absolute; left:224px; bottom:123px; } .cicd-service{ background:#f6f8fa; } .cicd-graph{ width:626px; height:430px; background:url(/images/cicd-service.png) no-repeat; position: relative; } .cicd-txt-label1{ top:3px; left:104px; } .cicd-txt-label2{ top:85px; left:110px; } .cicd-txt-label3{ top:60px; left:203px; } .cicd-txt-label4{ top:94px; left:263px; } .cicd-txt-label5{ top:192px; left:321px; } .cicd-txt-label6{ top:165px; left:401px; } .cicd-txt-label7{ top:217px; left:466px; } .cicd-git-icon{ width:62px; height:51px; background:url(/images/git-icon.png) no-repeat; position: absolute; top:61px; left:155px; } .cicd-person-icon{ width:58px; height: 60px; background:url(/images/person-icon.png) no-repeat; position: absolute; top:193px; left:384px; } .elastic-graph{ width:720px; height:507px; background:url(/images/elastic.png) no-repeat; position: relative; } .elastic-label1{ top:2px; left:99px; } .elastic-label2{ top:79px; left:169px; } .elastic-label3{ top:116px; left:390px; } .elastic-label4{ top:226px; left:531px; } /*为什么选择轻元科技模块*/ .why-choice{ width:100%; background:#15244b url(/images/columnar.png) no-repeat;; position:relative; background-size: 100% 100%; } .why-choice .cy-title{ color:#ffffff; } .rise-line{ width:100%; height:100%; background:url(/images/rise-line.png) no-repeat center center; position:absolute; top:105px; transition:all 1s; } .columnar{ height:500px; margin-top:53px; } .columnar p{ color:#ffffff; text-align:center; } .columnar p:first-child{ font-size:24px; font-family:PingFangSC-Light, sans-serif; } .columnar p:second-child{ font-size:36px; } .testimony{ width:100%; height:657px; background:#f6f9fb; background-size:100%; } .partner-block{ width:100%; line-height:48px; text-align: center; height:58px; width:158px; } .partner-block{ display: inline-block; vertical-align: middle; padding:5px 15px; } .partner-block img{ width:100%; } .partner-block:hover{ box-shadow: 0 2px 5px #dddddd; } .outside-block{ padding:0 0 30px 30px; } .parten-list{ margin-bottom:50px; } /*客户证言*/ .poster-item{ padding:30px 100px; } .poster-item p{ margin-top:50px; text-indent: 2rem; } .testimony-logo{ width:100px; margin: 0 auto; } .name{ width:100px; margin:0 auto; } .name img{ width:100%; } .testimony-logo img{ width:100%; } .testimony{ height:631px; } .card-container{ width:100%; height:427px; position:relative; overflow:hidden; } .deposition-card{ width:382px; height:402px; background:#ffffff url(/images/testimony.png) no-repeat ; background-position:13px 137px; border-radius:5px; border-top:4px solid #3ca5fd; box-shadow: 0px 9px 18px 4px #daedfd; position:absolute; float: left; /*left:50%; margin-left:-191px;*/ padding:34px 35px 45px 35px; } .deposition-txt{ height:156px; } .card-container li{ left:1093px; } .client-logo{ border-bottom:1px solid #d6d6d6; text-align:center; padding:0 0 26px 0; margin-bottom:28px; } .client-logo img{ width:100px; text-align: center; } .testimony-card{ max-width:92%; height:427px; position: relative; margin:55px auto; } .prev,.next{ display:black; width:238px; height:354px; position:absolute; z-index: 9999; cursor: pointer; } .prev{ top:23px; left:155px; } .next{ top:23px; right:155px; } /*联系我们*/ .contact-us{ width:100%; background:url(/images/map.png) no-repeat; padding:48px 0 0 0; max-height: 576px; padding-bottom:50px; background-size:100% 100%; } .site-detail { margin-top:108px; } .site-detail p{ font-size:14px; color:#ffffff; font-family: PingFangSC-Thin, sans-serif; } .contact-us-right input{ color:#333333; border:none; font-size:12px; } .contact-us-right .form-group{ margin-bottom:1.5rem; } .contact-us-right textarea{ width:100%; height:140px; font-size:12px; color:#666666; padding-left:11px; padding-top:5px; } .contact-us-right .index-subimt-btn{ background:#52b0ff; color:#ffffff; font-size:14px; } /*公司简介*/ .company-banner{ position:relative; height:460px; } .company-banner img{ width:100%; height:100%; } .company-banner-txt{ position:absolute; top:30%; left:50%; max-width:365px; margin:0 auto; margin-left:-193px; } .company-banner h3{ text-align: center; font-size:36px; color:#ffffff; font-family: PingFangSC-Thin, sans-serif; } .company-banner p{ text-align: center; } .company-nav{ width:100%; background:#132248; } .company-nav { margin:0 auto !important; overflow: hidden; height: 68px; padding-top:10px; } .company-nav a{ width:236px; text-align: center; float:left; line-height: 50px; margin-left:5px; } .company-nav a:hover,.company-nav a:active,.company-nav .current{ background:#ffffff; height:60px; } .company-nav a:hover ,.company-nav a:active , .company-nav .current { color:#132248; } .company-nav a{ color:#ffffff; display:block; } .nav-middle{ width:785px; margin:0 auto; } .company-nav .current{ background:#ffffff; height: 60px; } .company-nav .current { color:#132248; } /*公司简介*/ .title-icon{ width:65px; height:65px; background:#ffffff; border-radius:50%; box-shadow: 3px 3px 14px 3px #b8d6f0; margin:39px auto; background: url(/images/icon/company-icon.png) no-repeat; } .title-icon1{ background-position: -57px 18px; } .title-icon2{ background-position: -57px -52px; } .title-icon3{ background-position: -57px -123px; } .title-icon4{ background-position: -131px 6px; } .title-icon5{ background-position: 10px 19px; } .title-icon6{ background-position: 14px -56px; } .company-profile p{ width:814px; margin:35px auto; } .middle-img{ width:100%; height:195px; background:url(/images/second-img/middle-img.png) no-repeat; background-size:100%; } .team-member{ width:100%; height:490px; } .team-member img{ width:100%; } .team-member li{ padding:74px 20px; float:left; width:33.3%; } .team-member li:hover{ box-shadow: 0px 3px 12px 4px #e4f1fd; } .team-member span{ width:110px; height:110px; border-radius:50%; display:block; margin:0 auto 33px auto; } .about-us{ background:url(/images/second-img/company-profile.png) no-repeat; background-size:100%; } /*发展历程*/ .timer-container{ width:100%; height:538px; background:url(/images/second-img/timer-line.png) no-repeat; background-size:100% 100%; margin-top:46px; position:relative; } .main-axis{ height:538px; position:relative; } .main-line{ width:100%; height:6px; background:#ffffff; border-radius:10px; top:50%; margin-top:-3px; position:absolute; left:0; } .main-line li{ width:14.2%; float: left; position:relative; height:270px; } .mid-circle{ width:17px; height:17px; display:block; border-radius:50%; background:#ffffff; position:absolute; } .mid-line{ width:1px; height:87px; border: 1px dashed #ffffff; position:absolute; } .timer-event{ position: absolute; } .regular-li .timer-event{ top:106px; left:2px; } .scale-li .timer-event{ top:106px; left:-34px; } .regular-li .event-time{ margin:-31px 0 0 25px; } .scale-li .event-time{ position:absolute; bottom:-51px; left:13px; } .scale-li{ margin-top:-264px; } .regular-li .mid-circle{ top:-5px; left:45px; } .regular-li .mid-line{ left:52px; top:16px; } .scale-li .mid-circle{ bottom:-6px; left:34px; } .scale-li .mid-line{ bottom:15px; left:42px; } /*联系我们*/ .content-us{ width:100%; height:487px; background:#f7f9ff; padding:65px 0 62px 0; } .content-left{ width:592px; height:190px; } .about-message{ margin-top:34px; } /*人才招聘*/ .personnel-img img{ width:100%; height:100%; margin:60px 0 49px 0; } .transverse-line{ width:63px; height:1px; background:#666666; display: inline-block; } .personnel-describe p{ line-height: 10px; margin-top:10px; } .personnel-describe{ margin-top:45px; } .recruitment-information{ margin-bottom:98px; } .recruitment-information dl{ max-width: 1107px; margin:0 auto; margin-top:64px; } .recruitment-information .recruitment-one-line{ width:1107px; height:85px; background:#f8f8f8; } .recruitment-two-line{ padding:29px 67px 40px 67px; box-shadow: 0 4px 12px 2px #f3f9ff; } .recruitment-one-line h4{ display:inline-block; font-size:18px; margin-left:23px; } .title-label{ width:42px; height:54px; background:url(/images/second-img/personnel-inform-title.png) no-repeat; display:inline-block; } .recruitment-information dd{ padding:10px 68px 38px 68px; } .recruitment-information dd h5{ margin:50px 0 25px 0; } .recruitment-information dd p{ line-height: 38px; font-size:14px; color:#666666; } .recruitment-information .current .shrink-button { background:#ffffff url(/images/second-img/toggle-button-z.png) no-repeat 50% 50%;; } .recruitment-information .shrink-button.other { background:#ffffff url(/images/second-img/toggle-button-z.png) no-repeat 50% 50%;; } .shrink-button{ width:40px; height:40px; background:#ffffff url(/images/second-img/toggle-button-s.png) no-repeat 50% 50%; border-radius:50%; border:1px solid #203260; float:right; margin:23px 38px 0 0; } /*媒体报道*/ .media-banner{ width:100%; height:400px; position:relative; } .media-banner img{ width:100%; height:100%; } .banner-mid-txt{ position:absolute; color:#ffffff; z-index: 999; top:0; left:50%; margin-left:-121px; top:35%; } .media-report{ margin-top:40px; } .report-list>ul>li{ padding:26px 0; border-bottom:1px solid #dddddd; } .news-time{ width:90px; height:107px; background:#132248; padding:8px 22px; } .news-time p{ font-family: Avenir Next; color:#ffffff; margin:0; padding:0; height:26px; font-family: PingFangSC-Light, sans-serif; } .parting-line{ width:46px; height:3px; background:#ffffff; display: block; margin-top:9px; } .report-content{ margin-left:43px; } .report-content p{ margin:29px 0 26px 0; height:72px; width: 100%; overflow: hidden; } .enter-full-txt{ padding:0 17px; line-height:30px; border:1px solid #132248; float:left; text-align: center; color:#132248; font-size:14px; } .arrow{ width:20px; height:2px; background:#132248; display: inline-block; position:relative; top:-4px; left:10px; } .arrow i { display: block; position:absolute; right:-2px; top:-24px; } .enter-full-txt:hover .arrow{ width:32px; } .article-source{ float:right; font-size:12px; color:#999999; margin-top:21px; } .search{ width:100%; height:57px; border:1px solid #ddd; margin-top:26px; position:relative; } .search-input{ border:0 !important; height:100%; border-radius:0 !important; } .serch-btn{ width:50px; height:56px; background:url(/images/second-img/search-img.png) no-repeat center center; position:absolute; top:2px; right:0; } .new-report{ width:100%; padding:23px 15px 40px 15px; border:1px solid #ddd; margin-top:25px; } .new-report li{ border-bottom:1px dashed #ddd; font-size:12px; padding:15px 0; } .new-report li a{ color:#666666; } .new-report li:last-child{ border:none; } .pages{ margin:30px 0 60px 0; overflow: hidden; } .pagination li{ width:22px; height:22px; margin-left:15px; text-align: center; display: inline-block; } .pagination >li a{ color:#666666; text-align: center; } .pagination .active{ width:100%; height:100%; background:#3ca5fd; display: block; color:#ffffff; } /*金融解决方案*/ /*.opacity-header{ background:rgba(255,255,255,.2); border-bottom:1px solid #ffffff; }*/ .financial-banner{ width:100%; height:640px; position:relative; } .financial-banner img{ width:100%; height: 100%; } .banner-txt{ width:55%; float:left; } .banner-video{ width:45%; float:right; } .banner-content{ position:absolute; top:30%; left:50%; margin-left:-600px !important; } .infor-us{ padding:15px 96px !important; background:#2c9fff; font-size:16px; color: #ffffff; margin-top:72px; border-radius:0 !important; } .infor-us:hover,.infor-us:focus{ background:#1d8be7; color:#ffffff; } .banner-video{ max-width: 568px; height:302px; } .fin-pointst{ width:100%; height:470px; background:url(/images/second-img/pointst-bg.png) no-repeat 0 bottom; background-size:100% 100%; } .fin-pointist-list{ padding:65px 82px; } .fin-pointist-list li{ float:left; width:33.3%; } .fin-pointist-list span{ margin-bottom:48px; display:block; height:127px; text-align: center; } /*解决方案*/ .solution-block{ width:100%; max-height:805px; background:#f3f6ff; padding-bottom:70px; } .solution-block-content{ margin-top:64px; } .solution-ul li{ margin-bottom:64px; } .solution-ul{ padding-top:70px; } /*方案效果*/ .effect-content{ padding:102px 0 118px 0; } .effect-top-block,.effect-bottom-block{ height:313px; } .effect-content-left{ background:url(/images/second-img/effect-bg1.png) no-repeat; width:60%; height:100%; transition: 1 all ease; overflow: hidden; } .effect-content-right{ background:url(/images/second-img/effect-bg2.png) no-repeat; width:40%; height:100%; } .effect-bottom-block{ margin-top:23px; } .effect-bottom-block{ background:url(/images/second-img/effect-bg3.png) no-repeat; width:100%; } .effect-icon{ width:129px; height:129px; /* border:1px solid #726d6d; */ border-radius:50%; background:url(/images/second-img/effect-icon.png) no-repeat ; margin:88px 0 0 39px; } .content-inner{ position:relative; } .content-inner .icon1{ background-position:22px 24px; } .content-inner .icon2{ background-position:22px -136px; } .content-inner .icon3{ background-position:22px -339px; } .effect-txt h3{ padding: 71px 0 40px 0; color:#ffffff; text-shadow: 1px 5px 5px #000000; } .effect-txt p{ color:#ffffff; } /*电力行业解决方案*/ .ele-bg{ width:100%; background:url(/images/second-img/electricity-bg.png) no-repeat 0 0; } .ele-pointst{ min-height:484px; padding-top:90px; } .blue-block{ width:8px; height:28px; background:#2c9fff; float:left; } .ele-pointst-txt{ float:left; font-size:18px; padding-left:15px; width:98%; } .ele-solution-ul p{ font-size:16px; padding-left:30px; } .ele-content-left,.ele-content-right{ width:47.5%; height:100%; } .ele-content-left,.ele-content-right,.ele-solution-bottom{ padding-left:57px; } .ele-content-left{ background:url(/images/second-img/ele-solution-left.png) no-repeat; transition: all 0.6 ease; } .inus-contant-left{ background:url(/images/second-img/inus-solution-left.png) no-repeat; } .ele-content-right{ background:url(/images/second-img/ele-solution-right.png) no-repeat; } .ele-solution-bottom{ width:100%; background:url(/images/second-img/ele-solution-bottom.png) no-repeat; height: 313px; } .inus-contant-right{ background:url(/images/second-img/ius-solution-right.png) no-repeat !important; } .inus-contant-bottom{ background: url(/images/second-img/ius-solution-bottom.png) no-repeat; } /*合作伙伴*/ .partners{ background:url(/images/second-img/map-bg.png) no-repeat top right; } .partners-map{ min-height:569px; width:100%; background-size:100% 100%; } .partners-middle-map{ background:url(/images/second-img/partners-map.png) no-repeat; } .partners-icon{ width:44px; height:36px; background:url(/images/icon/partners-icon.png) no-repeat; display: inline-block; position:absolute; left:0; top:-6px; } .partners-title{ font-size:18px; font-weight:700; position:relative; padding-left:55px; } .partners-txt p{ font-size:12px; color:#666666; line-height: 8px; margin:20px 0 0 55px; } .partners-middle-map{ height:573px; position:relative; } .sign-circle,.sign-circle1,.sign-circle2{ width:22px; height:22px; border-radius:50%; position:absolute; } .sign-circle{ width:20px; height:20px; top:169px; right:236px; background:#2697f5; z-index: 99; animation:redCircle 1s linear infinite; } .sign-circle1{ width:36px; height:36px; border:1px solid #2697f5; top:162px; right:229px; animation:redCircle 1s linear infinite; } .sign-circle2{ width:56px; height:56px; border:1px solid #2697f5; top:152px; right:219px; animation:redCircle 1s linear infinite; } .partners-title .icon2{ background-position:0 -81px; } .partners-title .icon3{ background-position:0 -161px; } .partners-img img{ width:100%; } .expect-cooperation{ width:207px; line-height: 53px; border:1px dashed #203260; text-align:center; margin:0 auto 50px auto; } /*博客*/ .blog{ margin-top:80px; } .blog-left-content{ padding-bottom:80px; } .blog-left-content .data{ width:37px; } .data span{ width:100%; height:1px; background:#203260; display: block; } .data p:first-child{ font-size:24px; text-align:center; font-weight:700; margin:0; } .blog-content{ width:90%; border:1px solid #dddddd; margin-left:15px; } .content-img1{ width:100%; height:230px; border-bottom:1px solid #dddddd; overflow: hidden; } .content-txt{ padding:20px; } .content-txt p{ overflow: hidden; text-overflow: ellipsis; } .enter-button{ padding:2px 10px; font-size:14px; float:right; border:1px solid #203260; color:#203260; margin:0 20px 20px 20px ; } .enter-button:hover{ padding:2px 25px; transition: all .7s; } .blog-left-content li{ margin-bottom:20px; } .blog-right-content h4{ max-height: 70px; border-bottom:1px solid #dddddd; font-size:18px; width:100%; text-align:center; font-weight:400; line-height: 70px; } .keyword-content{ padding:69px 29px; border-bottom:1px solid #dddddd; } .keyword-content>ul>li{ padding:2px 4px; float:left; } .keyword-content>ul>li p{ border:1px solid #dddddd; padding:3px ; } .right-border{ border:1px solid #dddddd; } .keyword-content>ul>li:first-child{ margin:0; } .article-thumbnail{ padding:0 !important; } .thumbnail-img{ width:70px; height:70px; } .new-article ul{ padding:46px 29px; } .new-article>ul>li{ margin-bottom:25px; } .thumbnail-title a{ color:#333333; } .thumbnail-title a:hover{ color:#007bff; } /*cyberOak*/ .cyberOak{ position:relative; background:url(/images/second-img/cyberoak-banner.jpg) no-repeat; background-size: 100% 100%; height:600px; } .cyberOak-left{ float:left; position:absolute; width:569px; color:#ffffff; top:152px; } .cyberOak-left h3{ font-size:40px; font-weight:400; font-family: PingFangSC-regular, sans-serif; margin-bottom:30px; } .cyberOak-left p{ font-size:14px; font-family: PingFangSC-Thin, sans-serif; } .cyberOak-right{ float:right; padding-top:105px; } .product-light{ margin-top:80px; } .light-icon{ width:115px; height:115px; background:url(/images/icon/circle.png) no-repeat; display:block; float:left; padding:24px 24px; } .light-right-txt{ float:left; padding-left:35px; } .product-icon{ width:70px; height:70px; background:url(/images/icon/cyberOak-icon.png) no-repeat; display:block; } .light-icon .icon2{ background-position:1px -127px; } .light-icon .icon3{ background-position:0 -268px; } .light-right-txt h4{ margin:10px 0 20px 0; } .product-advantage{ width:100%; height:477px; background:#f5f9fc; margin-top:78px; } .cyberOak-nav{ width:100%; line-height:65px; background:rgba(255,255,255,.6); position:absolute; bottom:0; z-index: 99; text-align: center; font-size:16px; font-family:PingFangSC-Thin, sans-serif; color:#ffffff; } .oak-advantage-icon{ width:76px; height:75px; display:block; background:url(/images/icon/advantage-icon.png) no-repeat; } .oak-advantage-ul li:first-child{ margin-bottom:52px; } .oak-advantage-txt{ padding-top:15px; } .oak-advantage-ul li .icon2{ background-position:0 -150px; } .cyberOak-value{ padding:55px 0 150px 0; } .second-nav a, .second-nav a:hover{ color:#ffffff; } /*cyberAgility*/ .Agility-function{ width:100%; min-height:528px; background:#f5f9fc url(/images/second-img/agility-bg.png) no-repeat bottom; background-size:100% 100%; } .funtion-list dl{ margin-top:57px; } .funtion-list dd { margin-top:27px; } .funtion-list dd li { text-align:center; font-size:14px; color:#666666; margin-bottom:22px; } .agility-right{ position:absolute; right:-80px; } .product-trict{ min-height: 500px; position: relative; } .left-trict-txt h3{ font-size: 48px; font-weight: 400; margin-bottom: 50px; margin-top: 95px; } .left-trict-txt p{ line-height: 40px; color: #666; } .product-trict .right-trict-txt { position: absolute; right: 160px; top: 215px; display: inline-block; } .product-trict .right-trict-txt img{ margin-left: 55px; } .product-trict .right-trict-txt .cyberMeshImg{ position: absolute; top: -83px; right: 0; } .flow-line { min-height: 410px; background: #f3fbfb; position: relative; } .flow-line-left img { margin-left: 30px; margin-top: 50px; } .flow-line-right { position: absolute; right: 160px; top: 0px; display: inline-block; } .flow-line-right h3 { text-align: right; padding-right: 20px; } .framework-support { min-height: 400px; position: relative; } .framework-support img { position: absolute; top: -10px; right: 180px; } .worth { background: #f3fbfb; min-height: 545px; } .cy-title-p h3{ margin-bottom: 72px; } .cy-title-p p{ font-size: 16px; color: #666666; } .worth img { margin-top: 41px; /*margin-left: 100px;*/ } .tip { width: 100%; } /*cyberMesh*/ .cyberMesh .flow-line-right p { text-align: right; } .cyberMesh .worth { background: #fff; } .img{ padding-top:49px; } .img img{ width:100%; height:100%; } /*网站正在建设中*/ .contrustion-body{ width:100%; min-height:900px; padding-top:168px; } .contrustion-body h1{ margin:159px 0 30px 0; } .contact-us-right .h_input{ border:#ff0000 1px solid; padding-left:5px; width:100%; height:100%; border-radius:.25rem;} .contact-us-right .mess_input{ padding-left:5px; } .h_wenbenyu{ border:#dddddd 1px solid; padding:5px; } .contact-us-right .h_input,.contact-us-right .mess_input{ padding-left:5px; width:100%; height:30px; border-radius:.25rem; } /*物联网样式*/ .IoT-banner-txt p{ margin-bottom:0.5rem; } .IoT-txt li{ margin-bottom:48px; } .mt-7{ margin-top:7px; } .IoT-solution-ul li{ margin-bottom:50px; padding-left:36px; } .IoT-chart img{ width:100%; } .IoT-content-left,.IoT-content-right,.IoT-solution-bottom,.IoT-content-bottom{ height:313px; background-size: 100% 100%; } .IoT-content-left{ background:url(/images/second-img/IoT-solution-left.png) no-repeat; } .IoT-content-right{ background:url(/images/second-img/IoT-solution-right.png) no-repeat; } .IoT-content-bottom{ background:url(/images/second-img/IoT-solution-bottom.png) no-repeat; } .pl-50{ padding-left:50px; } /* FILE ARCHIVED ON 15:39:56 Apr 12, 2022 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 05:39:58 Nov 10, 2024. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 0.56 exclusion.robots: 0.037 exclusion.robots.policy: 0.026 esindex: 0.01 cdx.remote: 98.231 LoadShardBlock: 751.083 (3) PetaboxLoader3.datanode: 210.724 (5) PetaboxLoader3.resolve: 795.948 (3) load_resource: 327.992 (2) */