diff --git a/about/about01.html b/about/about01.html index bf571d7..61c2abe 100644 --- a/about/about01.html +++ b/about/about01.html @@ -14,10 +14,12 @@ + + @@ -165,11 +167,26 @@

AFFILIATED ENTERPRISES

- - - - - +
+ +
+
diff --git a/css/style.css b/css/style.css index 1aaf0db..4825fab 100644 --- a/css/style.css +++ b/css/style.css @@ -252,29 +252,55 @@ a.more_white:hover{color: #fff; background: #fff; text-decoration: none;} .about_03 .title{ } .about_03 .title h2:nth-child(2){ font-size: 48px; color: #124AA0;} .about_03 .title h2:nth-child(3){ font-size: 36px; color: #124AA0;margin-bottom: 40px;} -.about_03 .wrap .list{ margin: 20px 10px; padding: 10px; border: 1px solid #F2F2F2; - box-shadow: 4px 4px 10px #f2f2f2;} + +/*.about_03 .wrap .list{ margin: 20px 10px; padding: 10px; border: 1px solid #F2F2F2;*/ + /*box-shadow: 4px 4px 10px #f2f2f2;}*/ .about_03 .wrap{ } -.about_03 .wrap a img{ margin: auto;} -.about_03 .wrap a img:hover{ margin: auto; - opacity: 0.5; - transition: all .4s; +/*.about_03 .wrap a img{ margin: auto;}*/ +/*.about_03 .wrap a img:hover{ margin: auto;*/ + /*opacity: 0.5;*/ + /*transition: all .4s;*/ } .about_03 .wrap a:hover{ box-shadow: 4px 4px 10px #f9f9f9;} /*对齐高度*/ -.about_03 .wrap { +/*.about_03 .wrap{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; - display: flex; + display: flex;*/ /*flex-wrap: wrap;*/ -} -.about_03 .wrap > [class*='col-'] { +/*}*/ +/*.about_03 .wrap > [class*='col-'] { display: flex; flex-direction: row; } +*/ +/* 底部 流动效果*/ +.about_03 .line_1 li{list-style: none;margin:0 5px} +.about_03 .wrap{ + overflow: hidden; + padding-top:30px; + padding-bottom: 30px; +} +.about_03 .scrollItem{ + overflow: visible !important; +} +.about_03 .scrollItem ul{ + display: flex; + flex-wrap: nowrap; +} +.about_03 .scrollItem ul li:hover img { + -webkit-transform: scale(1.2); + -moz-transform: scale(1.2); + -ms-transform: scale(1.2); + -o-transform: scale(1.2); + transform: scale(1.2); + z-index: 99; + background-color: #ffffff; + position:relative; +} @@ -457,10 +483,17 @@ box-shadow: 4px 4px 10px #f9f9f9;} .service-next{ border-bottom: 1px solid #eaeaea;background: #ffffff; position: relative; } .service-next ul{ margin-left: 42%; } -/*.service-next ul li{ +.service-next ul li{ + background-size: 100%; } +.service-next ul li:hover a{ + transition: 0; background: url(../images/bottom-to.png) no-repeat center bottom; - background-size: 100%; }*/ -.service-next ul li a{ color: #333; } + background-size: 66%; } +.service-next ul li a{ color: #333; + line-height: 32px; + transition: 0s; + -webkit-transition: 0s; + -moz-transition: 0s;} .service-next ul li a:hover{ background-color: #fff; text-decoration: none;} .service-next ul li a:focus{ background-color: #fff; } @@ -468,9 +501,9 @@ box-shadow: 4px 4px 10px #f9f9f9;} .service-next ul li a.active img{ vertical-align:bottom; display: block;} .service-next ul li a.active{ - border-bottom: 3px solid #124AA0; - font-weight: bold; - color: #124aa0; + transition: 0s !important; + background: url(../images/bottom-to.png) no-repeat center bottom; + background-size: 66%; } @@ -623,6 +656,19 @@ box-shadow: 4px 4px 10px #f9f9f9;} .service_141 .wrap p { font-size: 22px; margin: 20px; } .service_141 .wrap img{ margin: auto; } +.service_141 .wrap img:hover{ + margin: auto; + -webkit-transform: scale(1.2); + -moz-transform: scale(1.2); + -ms-transform: scale(1.2); + -o-transform: scale(1.2); + transform: scale(1.2); + z-index: 99; + background-color: #ffffff; + position:relative; + transition: all 0.6s; +} + /*间距临时方案*/ .service_141 .wrap div:first-child, diff --git a/fullpage.html b/fullpage.html new file mode 100644 index 0000000..b8bd078 --- /dev/null +++ b/fullpage.html @@ -0,0 +1,54 @@ + + + + + + + + 苏州创新投资集团有限公司 + + + + + + + + + + + + + + + + + + +
+
Some section
+
Some section
+
Some section
+
Some section
+
+ + + + + + + + + + + + \ No newline at end of file diff --git a/images/2.png b/images/2.png index bedbae5..fe11802 100644 Binary files a/images/2.png and b/images/2.png differ diff --git a/images/3.png b/images/3.png index f3c16db..2a3cbf8 100644 Binary files a/images/3.png and b/images/3.png differ diff --git a/images/4.png b/images/4.png index ee4a710..344ed48 100644 Binary files a/images/4.png and b/images/4.png differ diff --git a/images/5.png b/images/5.png index a38e8fd..d861a07 100644 Binary files a/images/5.png and b/images/5.png differ diff --git a/js/common.js b/js/common.js index fba962c..81c7da0 100644 --- a/js/common.js +++ b/js/common.js @@ -1 +1 @@ -/*蓝科企业网站系统PHP版 http://www.lankecms.com*/ $(document).ready(function(){ //返回顶部 $("#gototop").click(function(){ $("html,body").animate({scrollTop :0}, 800);return false; }); // $("#gotocate").click(function(){ // $("html,body").animate({scrollTop:$("#categories").offset().top},800);return false; // }); // 搜索 $("#small_search").click(function(){ $("#topsearch").slideToggle(); }); // 友情链接 $("#link_btn").click(function(){ if ($(".link_list").css('display') == "none"){ $("#link_btn").addClass("glyphicon-minus"); }else{ $("#link_btn").removeClass("glyphicon-minus"); } $(".link_list").slideToggle(); }); $("#tags_btn").click(function(){ if ($(".tags_rows").css('display') == "none"){ $("#tags_btn").addClass("glyphicon-minus"); }else{ $("#tags_btn").removeClass("glyphicon-minus"); } $(".tags_rows").slideToggle(); }); if($(window).width()>768){ //鼠标划过就展开子菜单 $('ul.nav li.dropdown').hover(function() { $(this).find('.dropdown-menu').stop(true, true).slideDown(); }, function() { $(this).find('.dropdown-menu').stop(true, true).slideUp(); }); } //scrollTop $(window).scroll(function(){ var scrolls = $(window).scrollTop() // if (scrolls > 160) { // $("#top_nav").addClass("navbar-fixed-top") // }else{ // $("#top_nav").removeClass("navbar-fixed-top") // } }); //左侧导航菜单 // if ($("#firstpane .menu_body:eq(0)").text().replace(/[\r\n ]/g,"").length>0) { // $("#firstpane .menu_body:eq(0)").show().prev().html("-").prev().addClass("left_active"); // }; $("ul.menu_body").each(function(){ if ($(this).text().replace(/[\r\n ]/g,"").length<=0) {$(this).prev().remove();} //去掉span }); $("#firstpane span.menu_head").click(function(){ var spanatt = $(this).next("ul.menu_body").css('display'); if (spanatt == "block"){ var spantext = "+"; $(this).prev().removeClass("left_active"); }else{ var spantext = "-"; $(this).prev().addClass("left_active"); } $(this).html(spantext).addClass("current").next("ul.menu_body").slideToggle(300).siblings("ul.menu_body"); }); }); \ No newline at end of file +/*蓝科企业网站系统PHP版 http://www.lankecms.com*/ $(document).ready(function(){ //返回顶部 $("#gototop").click(function(){ $("html,body").animate({scrollTop :0}, 800);return false; }); // $("#gotocate").click(function(){ // $("html,body").animate({scrollTop:$("#categories").offset().top},800);return false; // }); // 搜索 $("#small_search").click(function(){ $("#topsearch").slideToggle(); }); // 友情链接 $("#link_btn").click(function(){ if ($(".link_list").css('display') == "none"){ $("#link_btn").addClass("glyphicon-minus"); }else{ $("#link_btn").removeClass("glyphicon-minus"); } $(".link_list").slideToggle(); }); $("#tags_btn").click(function(){ if ($(".tags_rows").css('display') == "none"){ $("#tags_btn").addClass("glyphicon-minus"); }else{ $("#tags_btn").removeClass("glyphicon-minus"); } $(".tags_rows").slideToggle(); }); if($(window).width()>768){ //鼠标划过就展开子菜单 $('ul.nav li.dropdown').hover(function() { $(this).find('.dropdown-menu').stop(true, true).slideDown(); }, function() { $(this).find('.dropdown-menu').stop(true, true).slideUp(); }); } //scrollTop $(window).scroll(function(){ var scrolls = $(window).scrollTop() // if (scrolls > 160) { // $("#top_nav").addClass("navbar-fixed-top") // }else{ // $("#top_nav").removeClass("navbar-fixed-top") // } }); //左侧导航菜单 // if ($("#firstpane .menu_body:eq(0)").text().replace(/[\r\n ]/g,"").length>0) { // $("#firstpane .menu_body:eq(0)").show().prev().html("-").prev().addClass("left_active"); // }; $("ul.menu_body").each(function(){ if ($(this).text().replace(/[\r\n ]/g,"").length<=0) {$(this).prev().remove();} //去掉span }); $("#firstpane span.menu_head").click(function(){ var spanatt = $(this).next("ul.menu_body").css('display'); if (spanatt == "block"){ var spantext = "+"; $(this).prev().removeClass("left_active"); }else{ var spantext = "-"; $(this).prev().addClass("left_active"); } $(this).html(spantext).addClass("current").next("ul.menu_body").slideToggle(300).siblings("ul.menu_body"); }); // 下属企业 流动效果 function groupSlideA(){ imgScroll.rolling({ name:'line_1', width:'198px', height:'116px', direction:'left', speed:10, addcss:true }); imgScroll.rolling({ name:'g2', width:'198px', height:'116px', direction:'right', speed:10, addcss:true }); imgScroll.rolling({ name:'g3', width:'198px', height:'116px', direction:'left', speed:10, addcss:true }); } groupSlideA() // 要素资源 流动效果 function groupSlideB(){ imgScroll.rolling({ name:'line_resource', width:'198px', height:'116px', direction:'left', speed:10, addcss:true }); imgScroll.rolling({ name:'g2', width:'198px', height:'116px', direction:'right', speed:10, addcss:true }); imgScroll.rolling({ name:'g3', width:'198px', height:'116px', direction:'left', speed:10, addcss:true }); } groupSlideB() }); \ No newline at end of file diff --git a/service/service11.html b/service/service11.html index 70cd993..cda41bf 100644 --- a/service/service11.html +++ b/service/service11.html @@ -89,7 +89,7 @@