From 17d5cd70dc447ca74f6a2f848625e2858a9450d3 Mon Sep 17 00:00:00 2001 From: liudan <18634735655@163.com> Date: Sat, 10 Dec 2022 16:50:42 +0800 Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E4=BA=A4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/head.css | 39 +- css/index.css | 238 +- css/jquery.fullPage.css | 550 ++-- images/section4-hover01.png | Bin 0 -> 5597 bytes images/section4-hover02.png | Bin 0 -> 2418 bytes index.html | 103 +- js/index.js | 116 +- js/jquery.fullPage.min.js | 5923 +---------------------------------- 8 files changed, 624 insertions(+), 6345 deletions(-) create mode 100644 images/section4-hover01.png create mode 100644 images/section4-hover02.png diff --git a/css/head.css b/css/head.css index bf55dea..aa39fce 100644 --- a/css/head.css +++ b/css/head.css @@ -1,4 +1,4 @@ -body{background-color: #1b1b1b} + /*====================导航*********/ .header{ width:100%; @@ -13,6 +13,43 @@ body{background-color: #1b1b1b} border-bottom: 1px solid #ffffff; /*background: rgba(28, 35, 39, 0.8);*/ } +.header.animation .headerOut .fl { + -webkit-animation-duration: 1.8s; + -moz-animation-duration: 1.8s; + -o-animation-duration: 1.8s; + animation-duration: 1.8s; + -webkit-animation-name: fadeInUp; + -moz-animation-name: fadeInUp; + -o-animation-name: fadeInUp; + animation-name: fadeInUp; + -webkit-animation-fill-mode: both; + -moz-animation-fill-mode: both; + -o-animation-fill-mode: both; + animation-fill-mode: both; + -webkit-animation-timing-function: ease-in-out; + -moz-animation-timing-function: ease-in-out; + -o-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + +.header.animation .headerOut .nav { + -webkit-animation-duration: 1.4s; + -moz-animation-duration: 1.4s; + -o-animation-duration: 1.4s; + animation-duration: 1.4s; + -webkit-animation-name: fadeInRight; + -moz-animation-name: fadeInRight; + -o-animation-name: fadeInRight; + animation-name: fadeInRight; + -webkit-animation-fill-mode: both; + -moz-animation-fill-mode: both; + -o-animation-fill-mode: both; + animation-fill-mode: both; + -webkit-animation-timing-function: ease-in-out; + -moz-animation-timing-function: ease-in-out; + -o-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; } + /*左侧logo*/ .header .left{ width: 12%; diff --git a/css/index.css b/css/index.css index 0b5a6a9..ecf37c6 100644 --- a/css/index.css +++ b/css/index.css @@ -73,12 +73,66 @@ position: relative; background: url('../images/首页-第二页bg.jpg') center top no-repeat; } +.index_main .section2.active .secondtowText{ + -webkit-animation-duration: 1s; + -moz-animation-duration: 1s; + -o-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-name: fadeInUp; + -moz-animation-name: fadeInUp; + -o-animation-name: fadeInUp; + animation-name: fadeInUp; + -webkit-animation-fill-mode: both; + -moz-animation-fill-mode: both; + -o-animation-fill-mode: both; + animation-fill-mode: both; + -webkit-animation-timing-function: ease-in-out; + -moz-animation-timing-function: ease-in-out; + -o-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; +} .index_main .section2 .secondtowText{ font-size: 24px; font-family: Microsoft YaHei; font-weight: 400; color: #333333; } +.index_main .section2.active .searchMore{ + -webkit-animation-duration: 1.2s; + -moz-animation-duration: 1.2s; + -o-animation-duration: 1.2s; + animation-duration: 1.2s; + -webkit-animation-name: fadeInUp; + -moz-animation-name: fadeInUp; + -o-animation-name: fadeInUp; + animation-name: fadeInUp; + -webkit-animation-fill-mode: both; + -moz-animation-fill-mode: both; + -o-animation-fill-mode: both; + animation-fill-mode: both; + -webkit-animation-timing-function: ease-in-out; + -moz-animation-timing-function: ease-in-out; + -o-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; +} +.index_main .section2.active .shubiao{ + -webkit-animation-duration: 1s; + -moz-animation-duration: 1s; + -o-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-name: fadeInUp; + -moz-animation-name: fadeInUp; + -o-animation-name: fadeInUp; + animation-name: fadeInUp; + -webkit-animation-fill-mode: both; + -moz-animation-fill-mode: both; + -o-animation-fill-mode: both; + animation-fill-mode: both; + -webkit-animation-timing-function: ease-in-out; + -moz-animation-timing-function: ease-in-out; + -o-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; +} .numberContent{ /* display: flex; justify-content: center; @@ -153,6 +207,24 @@ a:active{ .section3{ position:relative; } +.section3.active .second3Title{ + -webkit-animation-duration: 2s; + -moz-animation-duration: 2s; + -o-animation-duration: 2s; + animation-duration: 2s; + -webkit-animation-name: fadeInRight; + -moz-animation-name: fadeInRight; + -o-animation-name: fadeInRight; + animation-name: fadeInRight; + -webkit-animation-fill-mode: both; + -moz-animation-fill-mode: both; + -o-animation-fill-mode: both; + animation-fill-mode: both; + -webkit-animation-timing-function: ease-in-out; + -moz-animation-timing-function: ease-in-out; + -o-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; +} .second3Title .title{ font-size: 32px; font-family: Microsoft YaHei; @@ -191,6 +263,14 @@ a:active{ padding: 0 !important; } +.section3.active .electricContainer .electricItem:nth-child(1) { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } + +.section3.active .electricContainer .electricItem:nth-child(2) { -webkit-animation-duration: 1.2s; -moz-animation-duration: 1.2s; -o-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } + +.section3.active .electricContainer .electricItem:nth-child(3) { -webkit-animation-duration: 1.4s; -moz-animation-duration: 1.4s; -o-animation-duration: 1.4s; animation-duration: 1.4s; -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } + +.section3.active .electricContainer .electricItem:nth-child(4) { -webkit-animation-duration: 1.6s; -moz-animation-duration: 1.6s; -o-animation-duration: 1.6s; animation-duration: 1.6s; -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } + .electricItem{ text-align: center; border-left:1px solid rgba(255,255,255,0.3); @@ -236,39 +316,90 @@ a:active{ color:#ffffff; } .category__item { - /* padding: 40px; */ - /* -webkit-box-shadow: 0px 30px 70px 0px rgba(8, 0, 42, 0.1); - -moz-box-shadow: 0px 30px 70px 0px rgba(8, 0, 42, 0.1); - box-shadow: 0px 30px 70px 0px rgba(8, 0, 42, 0.1); */ - /* -webkit-border-radius: 10px; - -moz-border-radius: 10px; - border-radius: 10px; - border: 2px solid #ffffff; */ + /* float: left; */ cursor: pointer; border:2px solid transparent; - } - - .category__item:hover { - /* border-color: #d13f1a; */ - /* -webkit-transform: translateY(-15px); - -moz-transform: translateY(-15px); - -ms-transform: translateY(-15px); */ - /* transform: translateX(-50px); */ - } - .category__item:hover .imgcontainer,.category__item:hover .contentText{ - transform: translateY(-15px); - } - .transition-3{ + position: relative; +} +.category__item:hover .business-effect { + background: #d9142f; + -webkit-transition-delay: 0.5s; + -moz-transition-delay: 0.5s; + -o-transition-delay: 0.5s; + transition-delay: 0.5s; +} +.category__item:hover .business-effect .e-img-l { + left: 0; + -webkit-transition: all 0.5s; + -o-transition: all 0.5s; + -moz-transition: all 0.5s; + transition: all 0.5s; + } + .category__item:hover .business-effect .e-img-r { right: 0; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } + .business-effect { + position: absolute; + top: 0; left: 0; + width: 100%; + height: 100%; + overflow: hidden; + z-index: 2; +} +.category__item:hover a { + opacity: 1; + z-index:9999; + position: absolute; + top:50%; + transform: translateY(-50%); + left:50%; + transform: translateX(-50%); +} +.category__item .business-effect .e-img-l { + position: absolute; + top: 0; + left: -100%; + width: 100%; + height: 100%; + -webkit-transition: all 0.5s; + -o-transition: all 0.5s; + -moz-transition: all 0.5s; + transition: all 0.5s; +} + + +.category__item .business-effect .e-img-l img { + display: block; + width: 100%; +} +.business-effect .e-img-r { position: absolute; top: 0; right: -100%; width: 100%; height: 100%; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } +.business-effect .e-img-r img { display: block;height: 100%; width: 100%; } +.transition-3{ -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; - } - .index_main .section4{ - background: url('../images/首页-第三页bg.jpg') center top no-repeat; - } - .news_Container{ +} + +.category__item>a { + opacity: 0; + display: block; + font-size: 16px; + color: #fff; + width: 118px; height: 38px; + line-height: 38px; + border: 1px solid #fff; + /* margin: 10% auto; */ + -webkit-transition: all 0.5s; + -o-transition: all 0.5s; + -moz-transition: all 0.5s; + transition: all 0.5s; + text-align: center; + position: absolute; +} +.index_main .section4{ + background: url('../images/首页-第三页bg.jpg') center top no-repeat; +} +.news_Container{ display: flex; align-items: center; } @@ -399,10 +530,51 @@ a:active{ } .index_main .section5{ background: url('../images/首页-第四页bg.jpg') center top no-repeat; + background-size: 100% 100%; +} +.section5.active .companyLeftContent,.section4.active .newsLeftContent { + -webkit-animation-duration: 1s; + -moz-animation-duration: 1s; + -o-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-name: fadeInUp; + -moz-animation-name: fadeInUp; + -o-animation-name: fadeInUp; + animation-name: fadeInUp; + -webkit-animation-fill-mode: both; + -moz-animation-fill-mode: both; + -o-animation-fill-mode: both; + animation-fill-mode: both; + -webkit-animation-timing-function: ease-in-out; + -moz-animation-timing-function: ease-in-out; + -o-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; +} +.section5.active .logocontent,.section4.active .news_middle_container{ + -webkit-animation-duration: 1s; + -moz-animation-duration: 1s; + -o-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-name: fadeInRight; + -moz-animation-name: fadeInRight; + -o-animation-name: fadeInRight; + animation-name: fadeInRight; + -webkit-animation-fill-mode: both; + -moz-animation-fill-mode: both; + -o-animation-fill-mode: both; + animation-fill-mode: both; + -webkit-animation-timing-function: ease-in-out; + -moz-animation-timing-function: ease-in-out; + -o-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; } + + .footer{ - padding:0 15px; - padding-bottom:37px; + /* padding:0 15px; + padding-bottom:37px; */ + padding-bottom: 20px; + padding-top: 50px; border-bottom:1px solid #333333; } .footer .title { @@ -428,8 +600,9 @@ a:active{ list-style: none; } .registerContainer{ - padding:0 15px; - padding-top:29px; + /* padding:0 15px; + padding-top:29px; */ + padding:28px 0; } .registerContainer img{ width:60px; @@ -458,7 +631,7 @@ a:active{ font-weight: 300; color: #666666; line-height: 24px; - margin-top:38px; + margin-top:30px; } .selectContainer{ text-align: center; @@ -657,7 +830,8 @@ a:active{ justify-content: flex-start; } .second3Title{ - margin-top:120px; + position: absolute; + top: 120px; } .second3Title .title{ font-size: 18px; diff --git a/css/jquery.fullPage.css b/css/jquery.fullPage.css index ebf2818..d13bc06 100644 --- a/css/jquery.fullPage.css +++ b/css/jquery.fullPage.css @@ -1,323 +1,247 @@ /*! - * fullPage 4.0.15 + * fullPage 2.9.4 * https://github.com/alvarotrigo/fullPage.js + * MIT licensed * - * @license GPLv3 for open source use only - * or Fullpage Commercial License for commercial use - * http://alvarotrigo.com/fullPage/pricing/ - * - * Copyright (C) 2021 http://alvarotrigo.com/fullPage - A project by Alvaro Trigo + * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo */ - html.fp-enabled, - .fp-enabled body { - margin: 0; - padding: 0; - overflow:hidden; - - /*Avoid flicker on slides transitions for mobile phones #336 */ - -webkit-tap-highlight-color: rgba(0,0,0,0); - } - .fp-section { - position: relative; - -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */ - -moz-box-sizing: border-box; /* <=28 */ - box-sizing: border-box; - height: 100%; - display: block; - } - .fp-slide { - float: left; - } - .fp-slide, .fp-slidesContainer { - height: 100%; - display: block; - } - .fp-slides { - z-index:1; - height: 100%; - overflow: hidden; - position: relative; - -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */ - transition: all 0.3s ease-out; - } - .fp-table{ - display: flex; - flex-direction: column; - justify-content: center; - width: 100%; - } - .fp-slidesContainer { - float: left; - position: relative; - } - .fp-controlArrow { - -webkit-user-select: none; /* webkit (safari, chrome) browsers */ - -moz-user-select: none; /* mozilla browsers */ - -khtml-user-select: none; /* webkit (konqueror) browsers */ - -ms-user-select: none; /* IE10+ */ - position: absolute; - z-index: 4; - top: 50%; - cursor: pointer; - margin-top: -38px; - -webkit-transform: translate3d(0,0,0); - -ms-transform: translate3d(0,0,0); - transform: translate3d(0,0,0); - } - .fp-prev{ - left: 15px; - } - .fp-next{ - right: 15px; - } - .fp-arrow{ - width: 0; - height: 0; - border-style: solid; - } - .fp-arrow.fp-prev { - border-width: 38.5px 34px 38.5px 0; - border-color: transparent #fff transparent transparent; - } - .fp-arrow.fp-next { - border-width: 38.5px 0 38.5px 34px; - border-color: transparent transparent transparent #fff; - } - .fp-notransition { - -webkit-transition: none !important; - transition: none !important; - } - #fp-nav { - position: fixed; - z-index: 100; - top: 50%; - opacity: 1; - transform: translateY(-50%); - -ms-transform: translateY(-50%); - -webkit-transform: translate3d(0,-50%,0); - } - #fp-nav.fp-right { - right: 17px; - } - #fp-nav.fp-left { - left: 17px; - } - .fp-slidesNav{ - position: absolute; - z-index: 4; - opacity: 1; - -webkit-transform: translate3d(0,0,0); - -ms-transform: translate3d(0,0,0); - transform: translate3d(0,0,0); - left: 0 !important; - right: 0; - margin: 0 auto !important; - } - .fp-slidesNav.fp-bottom { - bottom: 17px; - } - .fp-slidesNav.fp-top { - top: 17px; - } - #fp-nav ul, - .fp-slidesNav ul { - margin: 0; - padding: 0; - } - #fp-nav ul li, - .fp-slidesNav ul li { - display: block; - /* width: 14px; - height: 13px; */ - width: 27px; - height: 27px; - margin: 7px; - position:relative; - } - .fp-slidesNav ul li { - display: inline-block; - } - #fp-nav ul li a, - .fp-slidesNav ul li a { - display: block; - position: relative; - z-index: 1; - width: 100%; - height: 100%; - cursor: pointer; - text-decoration: none; - } - #fp-nav ul li a::after{ +html.fp-enabled, +.fp-enabled body { + margin: 0; + padding: 0; + overflow:hidden; + + /*Avoid flicker on slides transitions for mobile phones #336 */ + -webkit-tap-highlight-color: rgba(0,0,0,0); +} +#superContainer { + height: 100%; + position: relative; + + /* Touch detection for Windows 8 */ + -ms-touch-action: none; + + /* IE 11 on Windows Phone 8.1*/ + touch-action: none; +} +.fp-section { + position: relative; + -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */ + -moz-box-sizing: border-box; /* <=28 */ + box-sizing: border-box; +} +.fp-slide { + float: left; +} +.fp-slide, .fp-slidesContainer { + height: 100%; + display: block; +} +.fp-slides { + z-index:1; + height: 100%; + overflow: hidden; + position: relative; + -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */ + transition: all 0.3s ease-out; +} +.fp-section.fp-table, .fp-slide.fp-table { + display: table; + table-layout:fixed; + width: 100%; +} +.fp-tableCell { + display: table-cell; + vertical-align: middle; + width: 100%; + height: 100%; +} +.fp-slidesContainer { + float: left; + position: relative; +} +.fp-controlArrow { + -webkit-user-select: none; /* webkit (safari, chrome) browsers */ + -moz-user-select: none; /* mozilla browsers */ + -khtml-user-select: none; /* webkit (konqueror) browsers */ + -ms-user-select: none; /* IE10+ */ + position: absolute; + z-index: 4; + top: 50%; + cursor: pointer; + width: 0; + height: 0; + border-style: solid; + margin-top: -38px; + -webkit-transform: translate3d(0,0,0); + -ms-transform: translate3d(0,0,0); + transform: translate3d(0,0,0); +} +.fp-controlArrow.fp-prev { + left: 15px; + width: 0; + border-width: 38.5px 34px 38.5px 0; + border-color: transparent #fff transparent transparent; +} +.fp-controlArrow.fp-next { + right: 15px; + border-width: 38.5px 0 38.5px 34px; + border-color: transparent transparent transparent #fff; +} +.fp-scrollable { + overflow: hidden; + position: relative; +} +.fp-scroller{ + overflow: hidden; +} +.iScrollIndicator{ + border: 0 !important; +} +.fp-notransition { + -webkit-transition: none !important; + transition: none !important; +} +#fp-nav { + position: fixed; + z-index: 100; + margin-top: -32px; + top: 50%; + opacity: 1; + -webkit-transform: translate3d(0,0,0); +} +#fp-nav.right { + right: 17px; +} +#fp-nav.left { + left: 17px; +} +.fp-slidesNav{ + position: absolute; + z-index: 4; + left: 50%; + opacity: 1; + -webkit-transform: translate3d(0,0,0); + -ms-transform: translate3d(0,0,0); + transform: translate3d(0,0,0); +} +.fp-slidesNav.bottom { + bottom: 17px; +} +.fp-slidesNav.top { + top: 17px; +} +#fp-nav ul, +.fp-slidesNav ul { + margin: 0; + padding: 0; +} +#fp-nav ul li, +.fp-slidesNav ul li { + display: block; + width: 25px; + height: 25px; + margin: 7px; + position:relative; +} +.fp-slidesNav ul li { + display: inline-block; +} +#fp-nav ul li a, +.fp-slidesNav ul li a { + display: block; + position: relative; + z-index: 1; + width: 100%; + height: 100%; + cursor: pointer; + text-decoration: none; +} +#fp-nav ul li a.active span, +.fp-slidesNav ul li a.active span, +#fp-nav ul li:hover a.active span, +.fp-slidesNav ul li:hover a.active span{ + height: 30px; + width: 30px; + margin: -4px 0 0 -4px; + /* margin: -6px 0 0 -6px; */ + border-radius: 100%; + } + #fp-nav ul li a span{ + display: flex; + align-items: center; + justify-content: center; + } +#fp-nav ul li a span, +.fp-slidesNav ul li a span { + border-radius: 50%; + position: absolute; + z-index: 1; + height: 100%; + width: 100%; + border: 0; + /* background: #333; */ + border:1px solid #ffffff; + /* left: 50%; + top: 50%; */ + left:0; + top:0; + margin: -2px 0 0 -2px; + -webkit-transition: all 0.1s ease-in-out; + -moz-transition: all 0.1s ease-in-out; + -o-transition: all 0.1s ease-in-out; + transition: all 0.1s ease-in-out; +} +#fp-nav ul li a span::after{ width: 10px; height: 10px; background-color: #ffffff; content: ' '; - position: absolute; - top: 20px; - left: 19px; + white-space: pre; border-radius: 50%; - } - #fp-nav ul li a.active span, - .fp-slidesNav ul li a.active span, - #fp-nav ul li:hover a.active span, - .fp-slidesNav ul li:hover a.active span{ - height: 30px; - width: 30px; - margin: -6px 0 0 -6px; - border-radius: 100%; - } - #fp-nav ul li a span, - .fp-slidesNav ul li a span { - border-radius: 50%; - position: absolute; - z-index: 1; - /* height: 4px; - width: 4px; */ - width: 27px; - height: 27px; - /* */ - border: 0; - background: transparent; - border:1px solid #ffffff; - left: 50%; - top: 50%; - margin: -2px 0 0 -2px; - -webkit-transition: all 0.1s ease-in-out; - -moz-transition: all 0.1s ease-in-out; - -o-transition: all 0.1s ease-in-out; - transition: all 0.1s ease-in-out; - } - - #fp-nav ul li:hover a span, - .fp-slidesNav ul li:hover a span{ - width: 30px; - height: 30px; - margin: -5px 0px 0px -5px; - } - #fp-nav ul li .fp-tooltip { - position: absolute; - top: -2px; - color: #fff; - font-size: 14px; - font-family: arial, helvetica, sans-serif; - white-space: nowrap; - max-width: 220px; - overflow: hidden; - display: block; - opacity: 0; - width: 0; - cursor: pointer; - } - #fp-nav ul li:hover .fp-tooltip, - #fp-nav.fp-show-active a.active + .fp-tooltip { - -webkit-transition: opacity 0.2s ease-in; - transition: opacity 0.2s ease-in; - width: auto; - opacity: 1; - } - #fp-nav ul li .fp-tooltip.fp-right { - right: 20px; - } - #fp-nav ul li .fp-tooltip.fp-left { - left: 20px; - } - .fp-auto-height.fp-section, - .fp-auto-height .fp-slide{ - height: auto !important; - } - - .fp-responsive .fp-is-overflow.fp-section{ - height: auto !important; - } - - /* Used with autoScrolling: false */ - .fp-scrollable.fp-responsive .fp-is-overflow.fp-section, - .fp-scrollable .fp-section, - .fp-scrollable .fp-slide{ - /* Fallback for browsers that do not support Custom Properties */ - height: 100vh; - height: calc(var(--vh, 1vh) * 100); - } - - .fp-scrollable.fp-responsive .fp-is-overflow.fp-section:not(.fp-auto-height):not([data-percentage]), - .fp-scrollable .fp-section:not(.fp-auto-height):not([data-percentage]), - .fp-scrollable .fp-slide:not(.fp-auto-height):not([data-percentage]){ - /* Fallback for browsers that do not support Custom Properties */ - min-height: 100vh; - min-height: calc(var(--vh, 1vh) * 100); - } - - /* Disabling vertical centering on scrollable elements */ - .fp-overflow{ - justify-content: flex-start; - max-height: 100%; - } - - .fp-is-overflow .fp-overflow.fp-auto-height-responsive, - .fp-is-overflow .fp-overflow.fp-auto-height, - .fp-is-overflow > .fp-overflow{ - overflow-y: auto; - } - .fp-overflow{ - outline:none; - } - - .fp-overflow.fp-table{ - display: block; - } - - .fp-responsive .fp-auto-height-responsive.fp-section, - .fp-responsive .fp-auto-height-responsive .fp-slide{ - height: auto !important; - min-height: auto !important; - } - - /*Only display content to screen readers*/ - .fp-sr-only{ - position: absolute; - width: 1px; - height: 1px; - padding: 0; - overflow: hidden; - clip: rect(0, 0, 0, 0); - white-space: nowrap; - border: 0; - } + position: absolute; +} +#fp-nav ul li:hover a span, +.fp-slidesNav ul li:hover a span{ + width: 30px; + height: 30px; + margin: -5px 0px 0px -5px; +} +#fp-nav ul li .fp-tooltip { + position: absolute; + top: -2px; + color: #fff; + font-size: 14px; + font-family: arial, helvetica, sans-serif; + white-space: nowrap; + max-width: 220px; + overflow: hidden; + display: block; + opacity: 0; + width: 0; + cursor: pointer; +} +#fp-nav ul li:hover .fp-tooltip, +#fp-nav.fp-show-active a.active + .fp-tooltip { + -webkit-transition: opacity 0.2s ease-in; + transition: opacity 0.2s ease-in; + width: auto; + opacity: 1; +} +#fp-nav ul li .fp-tooltip.right { + right: 20px; +} +#fp-nav ul li .fp-tooltip.left { + left: 20px; +} +.fp-auto-height.fp-section, +.fp-auto-height .fp-slide, +.fp-auto-height .fp-tableCell{ + height: auto !important; +} - - /* Customize website's scrollbar like Mac OS - Not supports in Firefox and IE */ - .fp-scroll-mac .fp-overflow::-webkit-scrollbar { - background-color: transparent; - width: 9px; - } - .fp-scroll-mac .fp-overflow::-webkit-scrollbar-track { - background-color: transparent; - } - .fp-scroll-mac .fp-overflow::-webkit-scrollbar-thumb { - background-color: rgba(0,0,0,.4); - border-radius: 16px; - border: 4px solid transparent; - } - .fp-warning, - .fp-watermark{ - z-index: 9999999; - position: absolute; - bottom: 0; - } - .fp-warning, - .fp-watermark a{ - text-decoration: none; - color: #000; - background: rgba(255,255,255,0.6); - padding: 5px 8px; - font-size: 14px; - font-family: arial; - color: black; - display: inline-block; - border-radius: 3px; - margin: 12px; - } - .fp-noscroll .fp-overflow{ - overflow: hidden; - } \ No newline at end of file +.fp-responsive .fp-auto-height-responsive.fp-section, +.fp-responsive .fp-auto-height-responsive .fp-slide, +.fp-responsive .fp-auto-height-responsive .fp-tableCell { + height: auto !important; +} \ No newline at end of file diff --git a/images/section4-hover01.png b/images/section4-hover01.png new file mode 100644 index 0000000000000000000000000000000000000000..2b7a0136c3a6921beaddc5e9502e96a02ed59008 GIT binary patch literal 5597 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 literal 0 HcmV?d00001 diff --git a/images/section4-hover02.png b/images/section4-hover02.png new file mode 100644 index 0000000000000000000000000000000000000000..6ac13e219869a66eb53ab9cd025364c367f3bed0 GIT binary patch literal 2418 zcmb7`2~ZPf6vx9MP!L0b9-9DDKt?Rwy+{L9w;fGF2<~0|{cmwvOUTfp&~oL8J>oK#7#jWWKlW`rf|Ze|9E$ z>xEIyjvkH#0>PQj+?FI2?U37J|{x7 zuk+8&2;rhwg6%K#fPzB`MJ>gXTG=?tIQ^Palw;sKtj~#YA@}S16M$QKC+Xp!Jm7>x zwJ_#tZ$CYM_=!o5v<@r!>3o_-1Wz8IhI=^{1Y^e$CFG+=lu7MWNvVmhJj0in1CW^3 zq%{aLy(DGs{9c47_TmCIL)p$(7=(wB4A^dI*r^Irv(vN?b>zfd#FpQpCB3O~<=;X$ zAef;r#6Z-PIlA#AY%nyGftwvt*i%xf=5^9(_$%chDKEQ$!3-vqW~1ugOtUm26H&Mm zU`p0g7B(7_O2MpO?zeQinBKKI3a};AQ>w^Unn{Sww5IG_WIJG*nIXMUf}&Bc{>${-Zh^C6&s?bn4UgA zPP>Iyqf;qcct?mdT1Bxm{n4>0{H)?@Azj^2rj;d9)5Vc?AL!9oB4bg8pT0vL_fnth zgTpR1r7BFsl_sS}9R8Vob!Xe+r@pQ`-S)hDdsOXrki2%yr}V!|swi!ZhS)~G6m_*= z5!wqPu^H}uFO*obsna`A7YrHELXaUjE=|a6h{VnXK|Sb-NUVpVnQ&s+{)J%mDxXAM z`D*WxozQ^BC$37Qhf&DVLzh}!05Y)nm-9pYf^{L<@`_4)OzcGaJv(BvPZ%?<%CraF zggylMV829jO>k10B*s0TGTlb(oIwxvO44(|*eLp0CsU#ScV`R7@kfBraw#21mw=ALF2f}JIrq!y@xI}@-4{M~%) zgpp|$M16UWsu>7vkKfa_-p`3%?DYYH=z{k6TQt|#cl-djgl^zID%b7&PtQHV4(+1gH-UkK8EdC z$B#mSvD`K~NzsW=;8N++9HeEGH9f-Fr7Gg3yrO(nIH=E=B|ois0X=IlbZXo)p=_P3 z4EuyP@c54%#*(CPZl?2WV*{~Le@>OkRWF1PHbe0M!JRZmMo)2?BX%~Ox8h^d52|!t zp2&*^m#KLfz~iD-umjmttRgx!ukv;$0NDm33 zi1g6&hXUX-Qw+k!Ja6#d(hD2$c@wnp7t0rUC7M&so*I1N$Bj=e*C7-zJg~wzH&ioa znZ|K0$H}-h1%4Ui2Gz%-rRV^<`&NU!4;Z-!9#x`5K`**l z?0*SlGPLc2T0_!d^bzcPO1D+gMfE6_2y1Ln)Zw!5AB1~ zE`VDN=tb}mqt=iJ`KIVx1-Itvvb6H-%mjwL7WN%6S=)ZFyI@)LnlJEwH3U9a$f;ht G<>0>-&|4w^ literal 0 HcmV?d00001 diff --git a/index.html b/index.html index 9b52893..4068155 100644 --- a/index.html +++ b/index.html @@ -20,16 +20,16 @@
-
+
@@ -168,30 +168,30 @@
-

立足苏州市创新型城市发展战略，以数字经济时代下产业创新集群的建设为使命，以全周期科技投资业务为支柱，发挥国有金融资本的引领带动作用，织精织密全市创新资本网络，推动产业链和创新链深度融合。

+

立足苏州市创新型城市发展战略，以数字经济时代下产业创新集群的建设为使命，以全周期科技投资业务为支柱，发挥国有金融资本的引领带动作用，织精织密全市创新资本网络，推动产业链和创新链深度融合。

-
+
-
180
+
0
亿元
注册资本
-
+
-
237
+
0
亿元
总资产
-
+
-
1400
+
0
亿元
管理规模
@@ -200,8 +200,8 @@
-
探索更多
- +
探索更多
+
@@ -210,14 +210,14 @@
-
电子信息
-

ELECTRONIC
INFORMATION

-
重点关注计算机与智能消费设备制造、信息通信、新型显示、集成电路、电子元器件与专用材料产业、人工智能等领域
+
电子信息
+

ELECTRONIC
INFORMATION

+
重点关注计算机与智能消费设备制造、信息通信、新型显示、集成电路、电子元器件与专用材料产业、人工智能等领域
-
+

电子信息

@@ -225,7 +225,7 @@
+
-
+

装备制造

@@ -233,7 +233,7 @@
+
-
+

医药生物

@@ -241,7 +241,7 @@
+
-
+

先进材料

@@ -258,22 +258,26 @@
-
+
-

最新动态

-

NEWS
INFORMATION

- +

最新动态

+

NEWS
INFORMATION

+
-
-
+
+
集团要闻
企业动态
媒体聚焦
-
+
+
+
+
+
@@ -282,8 +286,13 @@

为进一步增强公司全体党员干部增强党纪法规意识，树牢对法律的敬畏之心，结合当前正在深入开展的

2021-4-26
+ 查看详情
-
+
+
+
+
+
@@ -292,8 +301,13 @@

为进一步增强公司全体党员干部增强党纪法规意识，树牢对法律的敬畏之心，结合当前正在深入开展的

2021-4-26
+ 查看详情
-
+
+
+
+
+
@@ -302,6 +316,7 @@

为进一步增强公司全体党员干部增强党纪法规意识，树牢对法律的敬畏之心，结合当前正在深入开展的

2021-4-26
+ 查看详情
@@ -315,15 +330,15 @@
-
+
-

上市企业

-

LISTED
ENTERPRISE

- +

上市企业

+

LISTED
ENTERPRISE

+
-
+
@@ -336,12 +351,12 @@
-
+
-
+
关于我们
-
+
业务版图
-
+
新闻中心
-
+
党建工作
-
+
人才发展
-
+
投资申请
-
+
@@ -410,7 +425,7 @@ ©2015-2022 苏州创新投资集团有限公司 苏ICP备10219514号-1 苏公网安备 4401060342d234275号营业执照
-
+