main
liudan
1 year ago
parent
5c35768ca1
commit
193e1cb80c
@ -1 +1 @@ |
||||
open_basedir="d:/coding/suoyi/;C:/Windows/Temp/;C:/Temp/;D:/BtSoft/temp/session/" |
||||
open_basedir=/www/wwwroot/www.suzhoucg.com.cn/:/tmp/ |
||||
@ -0,0 +1,320 @@ |
||||
<!DOCTYPE html> |
||||
<html lang="en"> |
||||
|
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1"> |
||||
<title>苏州创新投资集团有限公司</title> |
||||
<meta name="applicable-device"content="pc,mobile"> |
||||
<link href="../css/bootstrap.min.css" rel="stylesheet"> |
||||
<!--css3动画库--> |
||||
<link rel="stylesheet" href="../css/animate.css"> |
||||
<!--banner大图基础样式--> |
||||
<link rel="stylesheet" href="../css/slick.css"> |
||||
<link rel="stylesheet" href="../css/owl.carousel.min.css"> |
||||
<!--页面滚动基础样式--> |
||||
<link rel="stylesheet" href="../css/jquery.fullPage.css" /> |
||||
<!--导航样式--> |
||||
<link rel="stylesheet" href="../css/head.css" /> |
||||
<!--图片和滚屏样式--> |
||||
<link rel="stylesheet" href="../css/about3.css"> |
||||
</head> |
||||
|
||||
<body> |
||||
<!-- 导航 --> |
||||
<header class="header on"> |
||||
<div class="container clearfix headerOut"> |
||||
<div class="fl left"> |
||||
<a href="#" ><img src="../images/logo2.png" alt="" class="img1" /></a> |
||||
<a href="#" ><img src="../images/logo1.png" alt="" class="img2" /></a> |
||||
</div> |
||||
<div class="fr nav"> |
||||
<ul class="navbar_nav" data-in="fadeInDown" data-out="fadeOutUp"> |
||||
<li> |
||||
<a href="javascript:void(0)">首页</a> |
||||
</li> |
||||
<li class="mainactive dropdown"> |
||||
<a href="javascript:void(0)">关于我们</a> |
||||
<div class="dropdown_menu"> |
||||
<a href="#">集团介绍</a> |
||||
<a href="#">董事长致辞</a> |
||||
<a href="#">核心能力</a> |
||||
<a href="#">企业文化</a> |
||||
<a href="#">组织构架</a> |
||||
<a href="#">合作伙伴</a> |
||||
<a href="#">联系我们</a> |
||||
</div> |
||||
</li> |
||||
<li class="dropdown"> |
||||
<a href="javascript:void(0)">业务版图</a> |
||||
<div class="dropdown_menu"> |
||||
<a href="#">基金集群</a> |
||||
<a href="#">产业地图</a> |
||||
<a href="#">投贷联动</a> |
||||
</div> |
||||
</li> |
||||
<li class="dropdown"> |
||||
<a href="javascript:void(0)">新闻中心</a> |
||||
<div class="dropdown_menu"> |
||||
<a href="#">集团要闻</a> |
||||
<a href="#">行业动态</a> |
||||
<a href="#">媒体聚焦</a> |
||||
</div> |
||||
</li> |
||||
<li> |
||||
<a href="javascript:void(0)">党建工作</a> |
||||
</li> |
||||
<li class="dropdown"> |
||||
<a href="javascript:void(0)">人才发展</a> |
||||
<div class="dropdown_menu"> |
||||
<a href="#">人才理念</a> |
||||
<a href="#">人才招聘</a> |
||||
</div> |
||||
|
||||
</li> |
||||
<li> |
||||
<a href="javascript:void(0)">投资申请</a> |
||||
</li> |
||||
</ul> |
||||
</div> |
||||
<a href="javascript:void(0)" id="navToggle"> |
||||
<span></span> |
||||
</a> |
||||
</div> |
||||
</header> |
||||
<!--移动端的导航--> |
||||
<div class="m_nav"> |
||||
<div class="top clearfix"> |
||||
<img src="../images/closed.png" alt="" class="closed" /> |
||||
</div> |
||||
<div class="logo"> |
||||
<img src="../images/logo1.png" alt="" /> |
||||
</div> |
||||
<ul class="ul" data-in="fadeInDown" data-out="fadeOutUp"> |
||||
<li class="active"> |
||||
<a href="javascript:void(0)">首页</a> |
||||
</li> |
||||
<li class="dropdown"> |
||||
<a href="javascript:void(0)"> |
||||
关于我们 |
||||
</a> |
||||
<div class="dropdown_menu"> |
||||
<a href="#">集团介绍</a> |
||||
<a href="#">董事长致辞</a> |
||||
<a href="#">核心能力</a> |
||||
<a href="#">企业文化</a> |
||||
<a href="#">组织构架</a> |
||||
<a href="#">合作伙伴</a> |
||||
<a href="#">联系我们</a> |
||||
</div> |
||||
</li> |
||||
<li class="dropdown"> |
||||
<a href="javascript:void(0)">业务版图</a> |
||||
<div class="dropdown_menu"> |
||||
<a href="#">基金集群</a> |
||||
<a href="#">产业地图</a> |
||||
<a href="#">投贷联动</a> |
||||
</div> |
||||
</li> |
||||
<li class="dropdown"> |
||||
<a href="javascript:void(0)">新闻中心</a> |
||||
<div class="dropdown_menu"> |
||||
<a href="#">集团要闻</a> |
||||
<a href="#">行业动态</a> |
||||
<a href="#">媒体聚焦</a> |
||||
</div> |
||||
</li> |
||||
<li> |
||||
<a href="javascript:void(0)">党建工作</a> |
||||
</li> |
||||
<li class="dropdown"> |
||||
<a href="javascript:void(0)">人才发展</a> |
||||
<div class="dropdown_menu"> |
||||
<a href="#">人才理念</a> |
||||
<a href="#">人才招聘</a> |
||||
</div> |
||||
</li> |
||||
<li> |
||||
<a href="javascript:void(0)">投资申请</a> |
||||
</li> |
||||
</ul> |
||||
</div> |
||||
<!-- 内容 --> |
||||
<div id="about_main" class="index_main"> |
||||
<div class="section section1 fp-auto-height fp-section"> |
||||
<div class="topcontainer"> |
||||
<img src="../images/banner.png" alt=""> |
||||
<div class="selectedContainer"> |
||||
<div class="title">核心能力</div> |
||||
<div class="subtitle">Core competence</div> |
||||
</div> |
||||
<div class="selectItemContainer"> |
||||
<a href="about01.html"> |
||||
<div class="selectItem"> |
||||
<h5>集团简介</h5> |
||||
<div>ABOUT US</div> |
||||
</div> |
||||
</a> |
||||
|
||||
<div class="line"></div> |
||||
<a href="about02.html"> |
||||
<div class="selectItem"> |
||||
<h5>董事长致辞</h5> |
||||
<div>CHAIRMAN'S SPEECH</div> |
||||
</div> |
||||
</a> |
||||
<div class="line"></div> |
||||
<a href="about03.html"> |
||||
<div class="selectItem selected"> |
||||
<h5>核心能力</h5> |
||||
<div>CORE COMPETENCE</div> |
||||
</div> |
||||
</a> |
||||
<div class="line"></div> |
||||
<a href="about04.html"> |
||||
<div class="selectItem"> |
||||
<h5>企业文化</h5> |
||||
<div>CORPORATE CULTURE</div> |
||||
</div> |
||||
</a> |
||||
|
||||
<div class="line"></div> |
||||
<a href="about05.html"> |
||||
<div class="selectItem"> |
||||
<h5>组织架构</h5> |
||||
<div>ORGANIZATIONAL STRUCTURE</div> |
||||
</div> |
||||
</a> |
||||
|
||||
<div class="line"></div> |
||||
<a href="about06.html"> |
||||
<div class="selectItem"> |
||||
<h5>合作伙伴</h5> |
||||
<div>COOPERATIVE PARTNER</div> |
||||
</div> |
||||
</a> |
||||
<div class="line"></div> |
||||
<a href="about07.html"> |
||||
<div class="selectItem"> |
||||
<h5>联系我们</h5> |
||||
<div>CONTACT US</div> |
||||
</div> |
||||
</a> |
||||
</div> |
||||
</div> |
||||
|
||||
</div> |
||||
<div class="section section2"> |
||||
<div class="xietong"> |
||||
<div class="devide"></div> |
||||
<div class="title">协同创新</div> |
||||
<div class="subtitle">Collaborative innovation</div> |
||||
</div> |
||||
<img src="../images/xietong.png" alt=""> |
||||
</div> |
||||
<div class="section section3"> |
||||
<div class="yaosu"> |
||||
<div class="devide"></div> |
||||
<div class="title">要素资源</div> |
||||
<div class="subtitle">Element resources</div> |
||||
</div> |
||||
<div class="middleContent container"> |
||||
<div class="row brand__slider owl-carousel"> |
||||
<div class="brand__thumb category__item transition-3"> |
||||
<div class="business-effect"> |
||||
<div class="e-img-l"><img alt="" src="../images/section4-hover01.png"></div> |
||||
<div class="e-img-r"><img alt="" src="../images/section4-hover02.png"></div> |
||||
</div> |
||||
<div class="imgcontainer transition-3"> |
||||
<img src="../images/科研机构@2x.png"> |
||||
</div> |
||||
<div class="contentText transition-3"> |
||||
<div class="contenttitle">科研机构</div> |
||||
<p>联合各研究机构、院所助力科技 成果转化</p> |
||||
</div> |
||||
<a href="#">查看详情</a> |
||||
</div> |
||||
<div class="brand__thumb category__item transition-3"> |
||||
<div class="business-effect"> |
||||
<div class="e-img-l"><img alt="" src="../images/section4-hover01.png"></div> |
||||
<div class="e-img-r"><img alt="" src="../images/section4-hover02.png"></div> |
||||
</div> |
||||
<div class="imgcontainer transition-3"> |
||||
<img src="../images/金融支持@2x.png"> |
||||
</div> |
||||
<div class="contentText transition-3"> |
||||
<div class="contenttitle">金融支持</div> |
||||
<p>以金融 “活水”灌溉产业创新集群</p> |
||||
</div> |
||||
<a href="#">查看详情</a> |
||||
</div> |
||||
<div class="brand__thumb category__item transition-3"> |
||||
<div class="business-effect"> |
||||
<div class="e-img-l"><img alt="" src="../images/section4-hover01.png"></div> |
||||
<div class="e-img-r"><img alt="" src="../images/section4-hover02.png"></div> |
||||
</div> |
||||
<div class="imgcontainer transition-3"> |
||||
<img src="../images/服务保障@2x.png"> |
||||
</div> |
||||
<div class="contentText transition-3"> |
||||
<div class="contenttitle">服务保障</div> |
||||
<p>赋能企业优化创新服务生态</p> |
||||
</div> |
||||
<a href="#">查看详情</a> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="section section4"> |
||||
<img src="../images/bg.png" class="bg" alt=""> |
||||
<div class="yaosu"> |
||||
<div class="devide"></div> |
||||
<div class="title">强链补链</div> |
||||
<div class="subtitle">Strong chain complement</div> |
||||
</div> |
||||
<div class="container"> |
||||
<div class="contentContainer"> |
||||
<h5>资本招商重大龙头项目落地苏州</h5> |
||||
<div class="contentList"> |
||||
<div class="row"> |
||||
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 col-xl-4 col-xxl-4"> |
||||
<div class="contentItem"> |
||||
<div>引进创新</div> |
||||
<div>人才入驻</div> |
||||
</div> |
||||
</div> |
||||
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 col-xl-4 col-xxl-4"> |
||||
<div class="contentItem"> |
||||
<div>促进创新</div> |
||||
<div>项目落地</div> |
||||
</div> |
||||
</div> |
||||
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 col-xl-4 col-xxl-4"> |
||||
<div class="contentItem"> |
||||
<div>培育创新</div> |
||||
<div>企业成长</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div id="footer"></div> |
||||
</div> |
||||
<script src="../js/jquery.min.js"></script> |
||||
<script src="../js/jquery.fullPage.min.js"></script> |
||||
<script src="../js/SuperSlide.2.1.3.js"></script> |
||||
<script src="../js/index_slick.js"></script> |
||||
<script src="../js/owl.carousel.min.js"></script> |
||||
<script src="../js/about03.js"></script> |
||||
<script type="text/javascript"> |
||||
$(function(){ |
||||
$("#footer").load("../public/footer.html"); |
||||
}); |
||||
</script> |
||||
|
||||
</body> |
||||
|
||||
</html> |
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
@ -0,0 +1,208 @@ |
||||
/**
|
||||
* BxSlider v4.1.2 - Fully loaded, responsive content slider
|
||||
* http://bxslider.com
|
||||
*
|
||||
* Written by: Steven Wanderski, 2014
|
||||
* http://stevenwanderski.com
|
||||
* (while drinking Belgian ales and listening to jazz)
|
||||
*
|
||||
* CEO and founder of bxCreative, LTD
|
||||
* http://bxcreative.com
|
||||
*/
|
||||
|
||||
|
||||
/** RESET AND LAYOUT
|
||||
===================================*/
|
||||
|
||||
|
||||
.bx-wrapper {
|
||||
position: relative;
|
||||
/*margin: 0 auto 60px;*/
|
||||
margin: 0 auto 0px;
|
||||
padding: 0;
|
||||
*zoom: 1;
|
||||
}
|
||||
|
||||
.bx-wrapper img {
|
||||
max-width: 100%;
|
||||
display: block;
|
||||
}
|
||||
|
||||
/** THEME
|
||||
===================================*/
|
||||
|
||||
.bx-wrapper .bx-viewport {
|
||||
/* -moz-box-shadow: 0 0 5px #ccc;
|
||||
-webkit-box-shadow: 0 0 5px #ccc;
|
||||
box-shadow: 0 0 5px #ccc;
|
||||
border: 5px solid #fff;
|
||||
left: -5px;
|
||||
background: #fff;*/
|
||||
|
||||
/*fix other elements on the page moving (on Chrome)*/
|
||||
-webkit-transform: translatez(0);
|
||||
-moz-transform: translatez(0);
|
||||
-ms-transform: translatez(0);
|
||||
-o-transform: translatez(0);
|
||||
transform: translatez(0);
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-pager,
|
||||
.bx-wrapper .bx-controls-auto {
|
||||
position: absolute;
|
||||
bottom: -30px;
|
||||
width: 100%;
|
||||
|
||||
}
|
||||
|
||||
/* LOADER */
|
||||
|
||||
.bx-wrapper .bx-loading {
|
||||
min-height: 50px;
|
||||
background: url("bx_loader.gif")/*tpa=http://www.njanqian.com/Templates/skin_cn/images/bx_loader.gif*/ center center no-repeat #fff;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 2000;
|
||||
}
|
||||
|
||||
/* PAGER */
|
||||
|
||||
.bx-wrapper .bx-pager {
|
||||
text-align: center;
|
||||
font-size: .85em;
|
||||
font-family: Arial;
|
||||
font-weight: bold;
|
||||
color: #666;
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-pager .bx-pager-item,
|
||||
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
|
||||
display: inline-block;
|
||||
*zoom: 1;
|
||||
*display: inline;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-pager.bx-default-pager a {
|
||||
/*background: #303c4b;*/
|
||||
border: 1px solid #fff;
|
||||
text-indent: -9999px;
|
||||
display: block;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
margin: 0 3px;
|
||||
outline: 0;
|
||||
-moz-border-radius: 10px;
|
||||
-webkit-border-radius: 10px;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-pager.bx-default-pager a:hover,
|
||||
.bx-wrapper .bx-pager.bx-default-pager a.active {
|
||||
background: #fff;border: 1px solid #fff;
|
||||
}
|
||||
|
||||
/* DIRECTION CONTROLS (NEXT / PREV) */
|
||||
|
||||
.bx-wrapper .bx-prev {
|
||||
left: 10px;
|
||||
background: url("controls.png")/*tpa=http://www.njanqian.com/Templates/skin_cn/images/controls.png*/ no-repeat 0 -32px;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-next {
|
||||
right: 10px;
|
||||
background: url("controls.png")/*tpa=http://www.njanqian.com/Templates/skin_cn/images/controls.png*/ no-repeat -43px -32px;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-prev:hover {
|
||||
background-position: 0 0;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-next:hover {
|
||||
background-position: -43px 0;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-controls-direction a {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
margin-top: -16px;
|
||||
outline: 0;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
text-indent: -9999px;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-controls-direction a.disabled {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* AUTO CONTROLS (START / STOP) */
|
||||
|
||||
.bx-wrapper .bx-controls-auto {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-controls-auto .bx-start {
|
||||
display: block;
|
||||
text-indent: -9999px;
|
||||
width: 10px;
|
||||
height: 11px;
|
||||
outline: 0;
|
||||
background: url("controls.png")/*tpa=http://www.njanqian.com/Templates/skin_cn/images/controls.png*/ -86px -11px no-repeat;
|
||||
margin: 0 3px;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-controls-auto .bx-start:hover,
|
||||
.bx-wrapper .bx-controls-auto .bx-start.active {
|
||||
background-position: -86px 0;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-controls-auto .bx-stop {
|
||||
display: block;
|
||||
text-indent: -9999px;
|
||||
width: 9px;
|
||||
height: 11px;
|
||||
outline: 0;
|
||||
background: url("controls.png")/*tpa=http://www.njanqian.com/Templates/skin_cn/images/controls.png*/ -86px -44px no-repeat;
|
||||
margin: 0 3px;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-controls-auto .bx-stop:hover,
|
||||
.bx-wrapper .bx-controls-auto .bx-stop.active {
|
||||
background-position: -86px -33px;
|
||||
}
|
||||
|
||||
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
|
||||
|
||||
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
|
||||
text-align: left;
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
|
||||
right: 0;
|
||||
width: 35px;
|
||||
}
|
||||
|
||||
/* IMAGE CAPTIONS */
|
||||
|
||||
.bx-wrapper .bx-caption {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
background: #666\9;
|
||||
background: rgba(80, 80, 80, 0.75);
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-caption span {
|
||||
color: #fff;
|
||||
font-family: Arial;
|
||||
display: block;
|
||||
font-size: .85em;
|
||||
padding: 10px;
|
||||
}
|
||||
@ -0,0 +1,379 @@ |
||||
|
||||
/*====================导航*********/ |
||||
.header{ |
||||
width:100%; |
||||
position:fixed; |
||||
top:0; |
||||
left:0; |
||||
z-index:999; |
||||
height:100px; |
||||
/* padding: 0 30px; */ |
||||
display: flex; |
||||
align-items: center; |
||||
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%; |
||||
} |
||||
.header .left a img{ |
||||
height: 60px; |
||||
} |
||||
.header .left .img2{ |
||||
display: none; |
||||
} |
||||
/*右侧*/ |
||||
.header .nav{ |
||||
-webkit-transition: 0.5s; |
||||
-moz-transition: 0.5s; |
||||
-o-transition: 0.5s; |
||||
transition: 0.5s; |
||||
height: 100%; |
||||
line-height: 50px; |
||||
display: block; |
||||
} |
||||
.header .navbar_nav li{ |
||||
float:left; |
||||
position: relative; |
||||
display: block; |
||||
} |
||||
/* .header .navbar_nav li:after{ |
||||
content: ""; |
||||
width: 0; |
||||
height: 2px; |
||||
background: orangered; |
||||
position: absolute; |
||||
bottom: 0; |
||||
left: 0; |
||||
transition: all 0.5s ease 0s; |
||||
} |
||||
.header .navbar_nav li:hover:after{ |
||||
width: 100%; |
||||
} */ |
||||
.header .navbar_nav li a{ |
||||
text-decoration: none; |
||||
height: 100%; |
||||
padding: 0 25px; |
||||
display: block; |
||||
-webkit-transition: 0.5s; |
||||
-moz-transition: 0.5s; |
||||
-o-transition: 0.5s; |
||||
transition: 0.5s; |
||||
color: #fff; |
||||
font-size: 16px; |
||||
} |
||||
.header .navbar_nav li:hover a{ |
||||
font-weight:bold; |
||||
} |
||||
.header .navbar_nav li.dropdown{ |
||||
display: inherit; |
||||
position: relative; |
||||
} |
||||
|
||||
.header .navbar_nav li.dropdown .jt{ |
||||
width: 20px; |
||||
height: 20px; |
||||
background: url(i/top.png) no-repeat; |
||||
background-size: 100% 100%; |
||||
display: block; |
||||
} |
||||
.header .navbar_nav li.dropdown .dropdown_menu{ |
||||
display: none; |
||||
position: absolute; |
||||
top:50px; |
||||
width: 100%; |
||||
background: #fff; |
||||
box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38); |
||||
width: 120%; |
||||
left: -10%; |
||||
} |
||||
.header .navbar_nav li.dropdown .dropdown_menu a{ |
||||
font-size: 14px; |
||||
color: #666; |
||||
padding: 0 10px; |
||||
line-height: 40px; |
||||
text-align: center; |
||||
background: #fff; |
||||
margin-bottom: 2px; |
||||
} |
||||
.header .navbar_nav li.dropdown:hover .dropdown_menu{ |
||||
display: block; |
||||
background: #f3f3f3; |
||||
-webkit-transition: 0.5s; |
||||
-moz-transition: 0.5s; |
||||
-o-transition: 0.5s; |
||||
transition: 0.5s; |
||||
} |
||||
.header .navbar_nav li.dropdown:hover .dropdown_menu a{ |
||||
color: #666; |
||||
} |
||||
.header .navbar_nav li.dropdown:hover .dropdown_menu a:hover{ |
||||
color: #fff; |
||||
background: #124AA0; |
||||
} |
||||
/*白色背景的头部*/ |
||||
.header.on{ |
||||
background: #fff; |
||||
border-bottom: 1px solid #ccc; |
||||
} |
||||
.header.on .left .img1{ |
||||
display: none; |
||||
} |
||||
.header.on .left .img2{ |
||||
display: block; |
||||
} |
||||
.header.on .navbar_nav li a{ |
||||
color: #333; |
||||
} |
||||
.header.on .navbar_nav li:hover a{ |
||||
font-weight: bold; |
||||
color:#124AA0 |
||||
} |
||||
#navToggle{ |
||||
display: none; |
||||
} |
||||
|
||||
.m_nav{ |
||||
position: fixed; |
||||
top: 0px; |
||||
box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38); |
||||
width: 100%; |
||||
height: 100%; |
||||
background: #fff; |
||||
transition: all ease 0.5s; |
||||
-webkit-transition: all ease 0.5s; |
||||
z-index: 1000; |
||||
opacity: 1; |
||||
visibility: visible; |
||||
margin-top: 0; |
||||
overflow-y: auto; |
||||
transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; |
||||
top: 0; |
||||
transform: translateX(100%); |
||||
} |
||||
.m_nav.open{ |
||||
transform: translateX(0); |
||||
} |
||||
.m_nav .top{ |
||||
height: 60px; |
||||
padding: 20px; |
||||
box-sizing: border-box; |
||||
} |
||||
.m_nav .top .closed{ |
||||
width: 30px; |
||||
height: 30px; |
||||
vertical-align: middle; |
||||
float:right; |
||||
cursor: pointer; |
||||
} |
||||
.m_nav .logo{ |
||||
width: 100%; |
||||
margin:0 auto; |
||||
} |
||||
.m_nav .logo img{ |
||||
height: 50px; |
||||
display: block; |
||||
margin:30px auto; |
||||
} |
||||
.m_nav .ul{ |
||||
margin-top: 30px; |
||||
} |
||||
.m_nav .ul li{ |
||||
padding: 0 20px; |
||||
border-bottom: 1px solid #f5f5f5; |
||||
transform: translateY(0); |
||||
-webkit-transform: translateY(100%); |
||||
transform: translateY(100%); |
||||
-webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; |
||||
transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; |
||||
opacity: 0; |
||||
} |
||||
.m_nav.open .ul li{ |
||||
opacity: 1; |
||||
-webkit-transform: translateY(0); |
||||
transform: translateY(0); |
||||
} |
||||
.m_nav .ul li:nth-child(1) { |
||||
-webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms; |
||||
transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms; |
||||
} |
||||
.m_nav .ul li:nth-child(2) { |
||||
-webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms; |
||||
transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms; |
||||
} |
||||
.m_nav .ul li:nth-child(3) { |
||||
-webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; |
||||
transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; |
||||
} |
||||
.m_nav .ul li:nth-child(4) { |
||||
-webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms; |
||||
transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms; |
||||
} |
||||
.m_nav .ul li:nth-child(5) { |
||||
-webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms; |
||||
transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms; |
||||
} |
||||
.m_nav .ul li:nth-child(6) { |
||||
-webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms; |
||||
transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms; |
||||
} |
||||
.m_nav .ul li a{ |
||||
display: block; |
||||
text-decoration: none; |
||||
color: #333; |
||||
font-size: 16px; |
||||
height: 50px; |
||||
line-height: 50px; |
||||
width: 100%; |
||||
} |
||||
.m_nav .ul li .dropdown_menu{ |
||||
display: none; |
||||
} |
||||
.m_nav .ul li.dropdown.active .dropdown_menu{ |
||||
display: block; |
||||
} |
||||
.m_nav .ul li .dropdown_menu a{ |
||||
display: block; |
||||
height: 50px; |
||||
line-height: 50px; |
||||
padding: 0 40px; |
||||
box-sizing: border-box; |
||||
border-bottom: 1px solid #f5f5f5; |
||||
} |
||||
.m_nav .ul li .dropdown_menu a:last-child{ |
||||
border: none; |
||||
} |
||||
.banner{ |
||||
width: 100%; |
||||
} |
||||
.banner img{ |
||||
width: 100%; |
||||
} |
||||
|
||||
@media screen and (max-width: 992px){ |
||||
.header{ |
||||
padding: 0 10px; |
||||
} |
||||
.header #navToggle { |
||||
height: 100%; |
||||
padding: 9px 15px; |
||||
margin-right: -15px; |
||||
display: inline-block; |
||||
float: right; |
||||
} |
||||
.header #navToggle span { |
||||
position: relative; |
||||
width: 25px; |
||||
height: 1px; |
||||
margin-top: 19px; |
||||
} |
||||
.header #navToggle span:before, |
||||
.header #navToggle span:after { |
||||
content: ''; |
||||
position: relative; |
||||
width: 100%; |
||||
height: 1px; |
||||
left: 0; |
||||
} |
||||
.header #navToggle span, |
||||
.header #navToggle span:before, |
||||
.header #navToggle span:after { |
||||
-webkit-transition: 0.3s; |
||||
-moz-transition: 0.3s; |
||||
-o-transition: 0.3s; |
||||
transition: 0.3s; |
||||
display: block; |
||||
background: #4f4f4f; |
||||
} |
||||
.header #navToggle span:before { |
||||
top: 8px; |
||||
} |
||||
.header #navToggle span:after { |
||||
bottom: 10px; |
||||
} |
||||
.header #navToggle.open span:before { |
||||
top: 10px; |
||||
-webkit-transform: translateY(-11px) rotate(-45deg); |
||||
-moz-transform: translateY(-11px) rotate(-45deg); |
||||
-ms-transform: translateY(-11px) rotate(-45deg); |
||||
-o-transform: translateY(-11px) rotate(-45deg); |
||||
transform: translateY(-11px) rotate(-45deg); |
||||
} |
||||
.header #navToggle.open span:after { |
||||
bottom: 12px; |
||||
-webkit-transform: translateY(10px) rotate(45deg); |
||||
-moz-transform: translateY(10px) rotate(45deg); |
||||
-ms-transform: translateY(10px) rotate(45deg); |
||||
-o-transform: translateY(10px) rotate(45deg); |
||||
transform: translateY(10px) rotate(45deg); |
||||
} |
||||
.header #navToggle.open span { |
||||
background: none; |
||||
} |
||||
.header #navToggle.open span:before, |
||||
.header #navToggle.open span:after { |
||||
background: #4f4f4f; |
||||
} |
||||
|
||||
.header .nav{ |
||||
display: none; |
||||
} |
||||
|
||||
.banner img{ |
||||
height: 600px; |
||||
object-fit: cover; |
||||
} |
||||
} |
||||
@media (max-width: 575px) { |
||||
.header { |
||||
height: 70px; |
||||
} |
||||
.header .left a img{ |
||||
height: 30px; |
||||
} |
||||
.header #navToggle { |
||||
height: 100%; |
||||
padding: 0px 15px; |
||||
margin-right: -15px; |
||||
display: inline-block; |
||||
} |
||||
|
||||
} |
||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,317 @@ |
||||
|
||||
.news_Container{ |
||||
display: flex; |
||||
align-items: center; |
||||
} |
||||
.news_Container button{ |
||||
background-color: #ffffff; |
||||
} |
||||
/*首页新闻动态*/ |
||||
.news_left_container{ |
||||
} |
||||
.newsLeftContent h2{ |
||||
font-size: 30px; |
||||
font-family: Microsoft YaHei; |
||||
font-weight: bold; |
||||
color: #124AA0; |
||||
line-height: 30px; |
||||
padding-bottom:15px; |
||||
border-bottom:1px solid rgba(0,0,0,0.5); |
||||
} |
||||
.newsLeftContent p{ |
||||
margin:0; |
||||
padding: 0; |
||||
font-size: 30px; |
||||
font-family: Arial; |
||||
font-weight: 400; |
||||
color: #999999; |
||||
line-height: 36px; |
||||
margin-top:24px; |
||||
margin-bottom: 125px; |
||||
} |
||||
.newsLeftContent button{ |
||||
padding:10px 45px; |
||||
border: 1px solid #134BA1; |
||||
border-radius: 30px; |
||||
|
||||
font-size: 14px; |
||||
font-family: Microsoft YaHei; |
||||
font-weight: 400; |
||||
color: #134BA1; |
||||
} |
||||
.news_middle_container .titleContent{ |
||||
display: flex; |
||||
align-items: center; |
||||
|
||||
} |
||||
.news_middle_container .titleContent .titleItem{ |
||||
|
||||
font-size: 16px; |
||||
font-family: Microsoft YaHei; |
||||
font-weight: 400; |
||||
color: #333333; |
||||
line-height: 36px; |
||||
margin-right:27px; |
||||
} |
||||
.titleItemActive{ |
||||
font-size: 18px; |
||||
font-family: Microsoft YaHei; |
||||
font-weight: bold; |
||||
color: #134BA1 !important; |
||||
line-height: 36px; |
||||
border-bottom:4px solid #08429C; |
||||
} |
||||
.middleContent{ |
||||
display: flex; |
||||
width:100%; |
||||
margin-top: 30px; |
||||
|
||||
} |
||||
|
||||
.middleContent .imgcontainer img{ |
||||
width:100%; |
||||
height:100%; |
||||
} |
||||
.middleContent .contenttitle{ |
||||
color:#000000; |
||||
font-size:14px; |
||||
width:100%; |
||||
text-overflow: -o-ellipsis-lastline; |
||||
overflow: hidden; |
||||
text-overflow: ellipsis; |
||||
display: -webkit-box; |
||||
-webkit-line-clamp: 2; |
||||
line-clamp: 2; |
||||
-webkit-box-orient: vertical; |
||||
margin: 30px 0; |
||||
} |
||||
.contentText p{ |
||||
margin:0; |
||||
padding:0; |
||||
color:#747474; |
||||
margin-bottom:30px; |
||||
} |
||||
.contentText .time{ |
||||
color:#747474; |
||||
font-size:12px; |
||||
} |
||||
.companyLeftContent h2{ |
||||
font-size: 30px; |
||||
font-family: Microsoft YaHei; |
||||
font-weight: bold; |
||||
color: #FFFFFF; |
||||
line-height: 30px; |
||||
padding-bottom:15px; |
||||
border-bottom:1px solid #FFFFFF; |
||||
} |
||||
.companyLeftContent p{ |
||||
margin:0; |
||||
padding: 0; |
||||
font-size: 30px; |
||||
font-family: Arial; |
||||
font-weight: 400; |
||||
color: #FFFFFF; |
||||
line-height: 36px; |
||||
margin-top:24px; |
||||
margin-bottom: 125px; |
||||
} |
||||
.companyLeftContent button{ |
||||
padding:10px 45px; |
||||
border-radius: 30px; |
||||
background:rgba(255,255,255,0.8); |
||||
font-size: 14px; |
||||
font-family: Microsoft YaHei; |
||||
font-weight: 400; |
||||
color: #134BA1; |
||||
border:none; |
||||
} |
||||
.logocontent img{ |
||||
width:100%; |
||||
} |
||||
|
||||
.footer .title { |
||||
font-size: 18px; |
||||
font-family: Microsoft YaHei; |
||||
font-weight: 400; |
||||
color: #333333; |
||||
line-height: 72px; |
||||
text-align: center; |
||||
} |
||||
.footer a{ |
||||
font-size: 15px; |
||||
font-family: Microsoft YaHei; |
||||
font-weight: 400; |
||||
color: #777777 !important; |
||||
line-height: 30px; |
||||
} |
||||
.footer ul{ |
||||
text-align: center; |
||||
} |
||||
/* 第三屏 */ |
||||
.section3{ |
||||
position:relative; |
||||
} |
||||
.contentContainer{ |
||||
display: flex; |
||||
justify-content: space-between; |
||||
position:absolute; |
||||
width:100%; |
||||
bottom: 0; |
||||
} |
||||
.contentContainer>.row{ |
||||
margin:0 !important; |
||||
} |
||||
.contentContainer>.row>div{ |
||||
margin:0 !important; |
||||
padding: 0 !important; |
||||
} |
||||
|
||||
.electricItem{ |
||||
text-align: center; |
||||
border-left:1px solid rgba(255,255,255,0.3); |
||||
padding:34px 0 20px 0; |
||||
display: flex; |
||||
flex-direction: column; |
||||
justify-content: space-between; |
||||
align-items: center; |
||||
height: 227px; |
||||
} |
||||
.electricItem .imgContainer{ |
||||
width: 70px; |
||||
/* height: 52px; */ |
||||
} |
||||
.imgContainer img{ |
||||
width:100%; |
||||
height:100%; |
||||
} |
||||
.electricItem p{ |
||||
|
||||
font-size: 16px; |
||||
font-family: Microsoft YaHei; |
||||
font-weight: 400; |
||||
color: #FFFFFF; |
||||
margin:20px 0; |
||||
} |
||||
.electricItem button{ |
||||
border: 1px solid #FFFFFF; |
||||
border-radius: 20px; |
||||
font-size: 14px; |
||||
font-family: Microsoft YaHei; |
||||
font-weight: 400; |
||||
color: #FFFFFF; |
||||
background-color: transparent; |
||||
padding:6px 24px; |
||||
display: none; |
||||
} |
||||
.addIon{ |
||||
font-size: 28px; |
||||
} |
||||
/* .electricItem:hover{ |
||||
background: rgba(19,75,161,0.8); |
||||
} |
||||
.electricItem:hover .addIon{ |
||||
display: none; |
||||
} |
||||
.electricItem:hover button{ |
||||
display: block; |
||||
} */ |
||||
.second3Title{ |
||||
|
||||
} |
||||
.second3Title .title{ |
||||
font-size: 32px; |
||||
font-family: Microsoft YaHei; |
||||
font-weight: bold; |
||||
color: #FFFFFF; |
||||
} |
||||
.second3Title p{ |
||||
padding:0; |
||||
margin:0; |
||||
margin-top:32px; |
||||
|
||||
} |
||||
.second3Title .textsecond3{ |
||||
font-size: 16px; |
||||
font-family: Microsoft YaHei; |
||||
font-weight: 400; |
||||
color: #FFFFFF; |
||||
margin-top:55px; |
||||
} |
||||
.footer{ |
||||
padding:0 15px; |
||||
padding-bottom:37px; |
||||
border-bottom:1px solid #333333; |
||||
} |
||||
.registerContainer{ |
||||
padding:0 15px; |
||||
padding-top:29px; |
||||
} |
||||
.registerContainer img{ |
||||
width:60px; |
||||
height:60px; |
||||
} |
||||
.registerContainer .kefu{ |
||||
font-size: 16px; |
||||
font-family: Microsoft YaHei; |
||||
font-weight: 300; |
||||
color: #666666; |
||||
line-height: 24px; |
||||
} |
||||
.registerContainer .phone{ |
||||
font-size: 24px; |
||||
font-family: Microsoft YaHei; |
||||
font-weight: 400; |
||||
color: #134BA1; |
||||
line-height: 48px; |
||||
} |
||||
.registerContainer .leftContent{ |
||||
display:flex; |
||||
} |
||||
.registerContainer .contactUs{ |
||||
font-size: 16px; |
||||
font-family: Microsoft YaHei; |
||||
font-weight: 300; |
||||
color: #666666; |
||||
line-height: 24px; |
||||
margin-top:38px; |
||||
} |
||||
.selectContainer{ |
||||
text-align: center; |
||||
|
||||
} |
||||
.selectContainer>.select{ |
||||
margin-top:46px; |
||||
height: 49px; |
||||
background: #FFFFFF; |
||||
border: 1px solid #E4E9E9; |
||||
border-radius: 4px; |
||||
width:50%; |
||||
} |
||||
@media (min-width: 1200px) { |
||||
|
||||
} |
||||
@media only screen and (min-width: 992px) and (max-width: 1200px) { |
||||
|
||||
} |
||||
@media only screen and (min-width: 768px) and (max-width: 991px) { |
||||
|
||||
} |
||||
@media only screen and (min-width: 576px) and (max-width: 767px) { |
||||
|
||||
|
||||
} |
||||
@media (max-width: 575px) { |
||||
.section { |
||||
width: 100%; |
||||
height: auto !important; |
||||
/* display: flex; */ |
||||
color: white; |
||||
/*justify-content: center;*/ |
||||
align-items: center; |
||||
background-size: cover; |
||||
} |
||||
.logo { |
||||
display: none; |
||||
|
||||
} |
||||
} |
||||
@ -0,0 +1,229 @@ |
||||
/*! |
||||
* fullPage 2.9.4 |
||||
* https://github.com/alvarotrigo/fullPage.js |
||||
* MIT licensed |
||||
* |
||||
* 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); |
||||
} |
||||
#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: 14px; |
||||
height: 13px; |
||||
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: 12px; |
||||
width: 12px; |
||||
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; |
||||
border: 0; |
||||
background: #134BA1; |
||||
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: 10px; |
||||
height: 10px; |
||||
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; |
||||
} |
||||
|
||||
.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; |
||||
} |
||||
@ -0,0 +1,210 @@ |
||||
/* Preload images */
|
||||
body:after {
|
||||
content: url("close.png")/*tpa=http://www.njanqian.com/Templates/skin_cn/images/close.png*/ url("loading.gif")/*tpa=http://www.njanqian.com/Templates/skin_cn/images/loading.gif*/ url("prev.png")/*tpa=http://www.njanqian.com/Templates/skin_cn/images/prev.png*/ url("next.png")/*tpa=http://www.njanqian.com/Templates/skin_cn/images/next.png*/;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.lightboxOverlay {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 9999;
|
||||
background-color: black;
|
||||
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
|
||||
opacity: 0.8;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.lightbox {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
z-index: 10000;
|
||||
text-align: center;
|
||||
line-height: 0;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.lightbox .lb-image {
|
||||
display: block;
|
||||
height: auto;
|
||||
max-width: inherit;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
-ms-border-radius: 3px;
|
||||
-o-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.lightbox a img {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.lb-outerContainer {
|
||||
position: relative;
|
||||
background-color: white;
|
||||
*zoom: 1;
|
||||
width: 250px;
|
||||
height: 250px;
|
||||
margin: 0 auto;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-ms-border-radius: 4px;
|
||||
-o-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.lb-outerContainer:after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.lb-container {
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
.lb-loader {
|
||||
position: absolute;
|
||||
top: 43%;
|
||||
left: 0;
|
||||
height: 25%;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
line-height: 0;
|
||||
}
|
||||
|
||||
.lb-cancel {
|
||||
display: block;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
margin: 0 auto;
|
||||
background: url("loading.gif")/*tpa=http://www.njanqian.com/Templates/skin_cn/images/loading.gif*/ no-repeat;
|
||||
}
|
||||
|
||||
.lb-nav {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.lb-container > .nav {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.lb-nav a {
|
||||
outline: none;
|
||||
background-image: url("wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==")/*tpa=http://www.njanqian.com/Templates/skin_cn/images/.com/A14/Home/Tpl/default/Public/css/data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==*/;
|
||||
}
|
||||
|
||||
.lb-prev, .lb-next {
|
||||
height: 100%;
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.lb-nav a.lb-prev {
|
||||
width: 34%;
|
||||
left: 0;
|
||||
float: left;
|
||||
background: url("prev.png")/*tpa=http://www.njanqian.com/Templates/skin_cn/images/prev.png*/ left 48% no-repeat;
|
||||
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity 0.6s;
|
||||
-moz-transition: opacity 0.6s;
|
||||
-o-transition: opacity 0.6s;
|
||||
transition: opacity 0.6s;
|
||||
}
|
||||
|
||||
.lb-nav a.lb-prev:hover {
|
||||
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.lb-nav a.lb-next {
|
||||
width: 64%;
|
||||
right: 0;
|
||||
float: right;
|
||||
background: url("next.png")/*tpa=http://www.njanqian.com/Templates/skin_cn/images/next.png*/ right 48% no-repeat;
|
||||
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity 0.6s;
|
||||
-moz-transition: opacity 0.6s;
|
||||
-o-transition: opacity 0.6s;
|
||||
transition: opacity 0.6s;
|
||||
}
|
||||
|
||||
.lb-nav a.lb-next:hover {
|
||||
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.lb-dataContainer {
|
||||
margin: 0 auto;
|
||||
padding-top: 5px;
|
||||
*zoom: 1;
|
||||
width: 100%;
|
||||
-moz-border-radius-bottomleft: 4px;
|
||||
-webkit-border-bottom-left-radius: 4px;
|
||||
border-bottom-left-radius: 4px;
|
||||
-moz-border-radius-bottomright: 4px;
|
||||
-webkit-border-bottom-right-radius: 4px;
|
||||
border-bottom-right-radius: 4px;
|
||||
}
|
||||
|
||||
.lb-dataContainer:after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.lb-data {
|
||||
padding: 0 4px;
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
.lb-data .lb-details {
|
||||
width: 85%;
|
||||
float: left;
|
||||
text-align: left;
|
||||
line-height: 1.1em;
|
||||
}
|
||||
|
||||
.lb-data .lb-caption {
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
line-height: 1em;
|
||||
}
|
||||
|
||||
.lb-data .lb-number {
|
||||
display: block;
|
||||
clear: left;
|
||||
padding-bottom: 1em;
|
||||
font-size: 12px;
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.lb-data .lb-close {
|
||||
display: block;
|
||||
float: right;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
background: url("close.png")/*tpa=http://www.njanqian.com/Templates/skin_cn/images/close.png*/ top right no-repeat;
|
||||
text-align: right;
|
||||
outline: none;
|
||||
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
|
||||
opacity: 0.7;
|
||||
-webkit-transition: opacity 0.2s;
|
||||
-moz-transition: opacity 0.2s;
|
||||
-o-transition: opacity 0.2s;
|
||||
transition: opacity 0.2s;
|
||||
}
|
||||
|
||||
.lb-data .lb-close:hover {
|
||||
cursor: pointer;
|
||||
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||||
opacity: 1;
|
||||
}
|
||||
@ -0,0 +1,6 @@ |
||||
/** |
||||
* Owl Carousel v2.2.1 |
||||
* Copyright 2013-2017 David Deutsch |
||||
* Licensed under () |
||||
*/ |
||||
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} |
||||
@ -0,0 +1,204 @@ |
||||
/* Slider */ |
||||
.slick-slider |
||||
{ |
||||
position: relative; |
||||
|
||||
display: block; |
||||
box-sizing: border-box; |
||||
|
||||
-webkit-user-select: none; |
||||
-moz-user-select: none; |
||||
-ms-user-select: none; |
||||
user-select: none; |
||||
|
||||
-webkit-touch-callout: none; |
||||
-khtml-user-select: none; |
||||
-ms-touch-action: pan-y; |
||||
touch-action: pan-y; |
||||
-webkit-tap-highlight-color: transparent; |
||||
} |
||||
|
||||
.slick-list |
||||
{ |
||||
position: relative; |
||||
|
||||
display: block; |
||||
overflow: hidden; |
||||
|
||||
margin: 0; |
||||
padding: 0; |
||||
} |
||||
.slick-list:focus |
||||
{ |
||||
outline: none; |
||||
} |
||||
.slick-list.dragging |
||||
{ |
||||
cursor: pointer; |
||||
cursor: hand; |
||||
} |
||||
|
||||
.slick-slider .slick-track, |
||||
.slick-slider .slick-list |
||||
{ |
||||
-webkit-transform: translate3d(0, 0, 0); |
||||
-moz-transform: translate3d(0, 0, 0); |
||||
-ms-transform: translate3d(0, 0, 0); |
||||
-o-transform: translate3d(0, 0, 0); |
||||
transform: translate3d(0, 0, 0); |
||||
} |
||||
|
||||
.slick-track |
||||
{ |
||||
position: relative; |
||||
top: 0; |
||||
left: 0; |
||||
|
||||
display: block; |
||||
margin-left: auto; |
||||
margin-right: auto; |
||||
} |
||||
.slick-track:before, |
||||
.slick-track:after |
||||
{ |
||||
display: table; |
||||
|
||||
content: ''; |
||||
} |
||||
.slick-track:after |
||||
{ |
||||
clear: both; |
||||
} |
||||
.slick-loading .slick-track |
||||
{ |
||||
visibility: hidden; |
||||
} |
||||
|
||||
.slick-slide |
||||
{ |
||||
display: none; |
||||
float: left; |
||||
|
||||
height: 100%; |
||||
min-height: 1px; |
||||
} |
||||
[dir='rtl'] .slick-slide |
||||
{ |
||||
float: right; |
||||
} |
||||
.slick-slide img |
||||
{ |
||||
display: block; |
||||
} |
||||
.slick-slide.slick-loading img |
||||
{ |
||||
display: none; |
||||
} |
||||
.slick-slide.dragging img |
||||
{ |
||||
pointer-events: none; |
||||
} |
||||
.slick-initialized .slick-slide |
||||
{ |
||||
display: block; |
||||
} |
||||
.slick-loading .slick-slide |
||||
{ |
||||
visibility: hidden; |
||||
} |
||||
.slick-vertical .slick-slide |
||||
{ |
||||
display: block; |
||||
|
||||
height: auto; |
||||
|
||||
border: 1px solid transparent; |
||||
} |
||||
.slick-arrow.slick-hidden { |
||||
display: none; |
||||
} |
||||
|
||||
|
||||
.slick-dots |
||||
{ |
||||
position: absolute; |
||||
bottom: -25px; |
||||
|
||||
display: block; |
||||
|
||||
width: 100%; |
||||
padding: 0; |
||||
margin: 0; |
||||
|
||||
list-style: none; |
||||
|
||||
text-align: center; |
||||
} |
||||
.slick-dots li |
||||
{ |
||||
position: relative; |
||||
|
||||
display: inline-block; |
||||
|
||||
width: 20px; |
||||
height: 20px; |
||||
margin: 0 5px; |
||||
padding: 0; |
||||
|
||||
cursor: pointer; |
||||
} |
||||
.slick-dots li button |
||||
{ |
||||
font-size: 0; |
||||
line-height: 0; |
||||
|
||||
display: block; |
||||
|
||||
width: 20px; |
||||
height: 20px; |
||||
padding: 5px; |
||||
|
||||
cursor: pointer; |
||||
|
||||
color: transparent; |
||||
border: 0; |
||||
outline: none; |
||||
background: transparent; |
||||
} |
||||
.slick-dots li button:hover, |
||||
.slick-dots li button:focus |
||||
{ |
||||
outline: none; |
||||
} |
||||
.slick-dots li button:hover:before, |
||||
/*.slick-dots li button:focus:before |
||||
{ |
||||
opacity: 1; |
||||
}*/ |
||||
.slick-dots li button:before |
||||
{ |
||||
font-family: 'slick'; |
||||
font-size: 6px; |
||||
line-height: 20px; |
||||
|
||||
position: absolute; |
||||
top: 0; |
||||
left: 0; |
||||
|
||||
width: 20px; |
||||
height: 20px; |
||||
|
||||
content: '•'; |
||||
text-align: center; |
||||
|
||||
/* opacity: .25;*/ |
||||
color: black; |
||||
|
||||
-webkit-font-smoothing: antialiased; |
||||
-moz-osx-font-smoothing: grayscale; |
||||
} |
||||
/*.slick-dots li.slick-active button:before |
||||
{ |
||||
opacity: .75; |
||||
color: black; |
||||
}*/ |
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1,459 @@ |
||||
<!DOCTYPE html> |
||||
<html lang="en"> |
||||
|
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1"> |
||||
<title>苏州创新投资集团有限公司</title> |
||||
<meta name="applicable-device"content="pc,mobile"> |
||||
<link href="css/bootstrap.min.css" rel="stylesheet"> |
||||
<!--css3动画库--> |
||||
<link rel="stylesheet" href="css/animate.css"> |
||||
<!--banner大图基础样式--> |
||||
<link rel="stylesheet" href="css/slick.css"> |
||||
<link rel="stylesheet" href="css/owl.carousel.min.css"> |
||||
<!--页面滚动基础样式--> |
||||
<link rel="stylesheet" href="css/jquery.fullPage.css" /> |
||||
<!--导航样式--> |
||||
<link rel="stylesheet" href="css/head.css" /> |
||||
<!--图片和滚屏样式--> |
||||
<link rel="stylesheet" href="css/index.css?v=6"> |
||||
<style> |
||||
/* float:left; */ |
||||
|
||||
</style> |
||||
</head> |
||||
|
||||
<body> |
||||
<div id="header"></div> |
||||
<!-- 导航 --> |
||||
<!-- <header class="header"> |
||||
<div class="container clearfix headerOut"> |
||||
<div class="fl left"> |
||||
<a href="#" ><img src="images/logo2.png" alt="" class="img1" /></a> |
||||
<a href="#" ><img src="images/logo1.png" alt="" class="img2" /></a> |
||||
</div> |
||||
<div class="fr nav"> |
||||
<ul class="navbar_nav" data-in="fadeInDown" data-out="fadeOutUp"> |
||||
<li class="active"> |
||||
<a href="javascript:void(0)">首页</a> |
||||
</li> |
||||
<li class="dropdown"> |
||||
<a href="javascript:void(0)">关于我们</a> |
||||
<div class="dropdown_menu"> |
||||
<a href="#">集团介绍</a> |
||||
<a href="#">董事长致辞</a> |
||||
<a href="#">核心能力</a> |
||||
<a href="#">企业文化</a> |
||||
<a href="#">组织构架</a> |
||||
<a href="#">合作伙伴</a> |
||||
<a href="#">联系我们</a> |
||||
</div> |
||||
</li> |
||||
<li class="dropdown"> |
||||
<a href="javascript:void(0)">业务版图</a> |
||||
<div class="dropdown_menu"> |
||||
<a href="#">基金集群</a> |
||||
<a href="#">产业地图</a> |
||||
<a href="#">投贷联动</a> |
||||
</div> |
||||
</li> |
||||
<li class="dropdown"> |
||||
<a href="javascript:void(0)">新闻中心</a> |
||||
<div class="dropdown_menu"> |
||||
<a href="#">集团要闻</a> |
||||
<a href="#">行业动态</a> |
||||
<a href="#">媒体聚焦</a> |
||||
</div> |
||||
</li> |
||||
<li> |
||||
<a href="javascript:void(0)">党建工作</a> |
||||
</li> |
||||
<li class="dropdown"> |
||||
<a href="javascript:void(0)">人才发展</a> |
||||
<div class="dropdown_menu"> |
||||
<a href="#">人才理念</a> |
||||
<a href="#">人才招聘</a> |
||||
</div> |
||||
|
||||
</li> |
||||
<li> |
||||
<a href="javascript:void(0)">投资申请</a> |
||||
</li> |
||||
</ul> |
||||
</div> |
||||
<a href="javascript:void(0)" id="navToggle"> |
||||
<span></span> |
||||
</a> |
||||
</div> |
||||
</header> --> |
||||
<!--移动端的导航--> |
||||
<!-- <div class="m_nav"> |
||||
<div class="top clearfix"> |
||||
<img src="images/closed.png" alt="" class="closed" /> |
||||
</div> |
||||
<div class="logo"> |
||||
<img src="images/logo1.png" alt="" /> |
||||
</div> |
||||
<ul class="ul" data-in="fadeInDown" data-out="fadeOutUp"> |
||||
<li class="active"> |
||||
<a href="javascript:void(0)">首页</a> |
||||
</li> |
||||
<li class="dropdown"> |
||||
<a href="javascript:void(0)"> |
||||
关于我们 |
||||
</a> |
||||
<div class="dropdown_menu"> |
||||
<a href="#">集团介绍</a> |
||||
<a href="#">董事长致辞</a> |
||||
<a href="#">核心能力</a> |
||||
<a href="#">企业文化</a> |
||||
<a href="#">组织构架</a> |
||||
<a href="#">合作伙伴</a> |
||||
<a href="#">联系我们</a> |
||||
</div> |
||||
</li> |
||||
<li class="dropdown"> |
||||
<a href="javascript:void(0)">业务版图</a> |
||||
<div class="dropdown_menu"> |
||||
<a href="#">基金集群</a> |
||||
<a href="#">产业地图</a> |
||||
<a href="#">投贷联动</a> |
||||
</div> |
||||
</li> |
||||
<li class="dropdown"> |
||||
<a href="javascript:void(0)">新闻中心</a> |
||||
<div class="dropdown_menu"> |
||||
<a href="#">集团要闻</a> |
||||
<a href="#">行业动态</a> |
||||
<a href="#">媒体聚焦</a> |
||||
</div> |
||||
</li> |
||||
<li> |
||||
<a href="javascript:void(0)">党建工作</a> |
||||
</li> |
||||
<li class="dropdown"> |
||||
<a href="javascript:void(0)">人才发展</a> |
||||
<div class="dropdown_menu"> |
||||
<a href="#">人才理念</a> |
||||
<a href="#">人才招聘</a> |
||||
</div> |
||||
</li> |
||||
<li> |
||||
<a href="javascript:void(0)">投资申请</a> |
||||
</li> |
||||
</ul> |
||||
</div> --> |
||||
<!-- 内容 --> |
||||
<div id="index_main" class="index_main"> |
||||
<!--导航--> |
||||
<div class="section section1"> |
||||
<div class="index_banner"> |
||||
<div class="item"> |
||||
<div class="items scaleBg items1" style="background-image: url(images/1t.png);"> |
||||
<img src="/images/text1.png" alt="" class="image1"> |
||||
</div> |
||||
</div> |
||||
<div class="item"> |
||||
<div class="items scaleBg item2" style="background-image: url(images/2t.png);"> |
||||
<img src="/images/text2.png" alt="" class="image2"> |
||||
</div> |
||||
</div> |
||||
<div class="item"> |
||||
<div class="items scaleBg" style="background-image: url(images/3t.png);"> |
||||
<img src="/images/text3.png" alt="" class="image3"> |
||||
</div> |
||||
|
||||
</div> |
||||
<div class="item"> |
||||
<div class="items scaleBg item4" style="background-image: url(images/4t.png);"> |
||||
<img src="/images/text4.png" alt="" class="image4"> |
||||
</div> |
||||
|
||||
</div> |
||||
<div class="item"> |
||||
<div class="items scaleBg" style="background-image: url(images/5t.png);"> |
||||
<img src="/images/text5.png" alt="" class="image5"> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<section class="section section2"> |
||||
<div class="container"> |
||||
<div class="row"> |
||||
<div class="col-xs-12 col-sm-12 col-md-1 col-lg-1 col-xl-1 col-xxl-1"></div> |
||||
<div class="col-xs-12 col-sm-12 col-md-10 col-lg-10 col-xl-10 col-xxl-10"> |
||||
<p class="secondtowText">立足苏州市创新型城市发展战略，以数字经济时代下产业创新集群的建设为使命，以全周期科技投资业务为支柱，发挥国有金融资本的引领带动作用，织精织密全市创新资本网络，推动产业链和创新链深度融合。</p> |
||||
<div class="numberContent row"> |
||||
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-4 col-xl-4 col-xxl-4"> |
||||
<div class="numberItem" style="border:none;"> |
||||
<div class="num"> |
||||
<div class="number1" data-val="180">0</div> |
||||
<span>亿元</span> |
||||
</div> |
||||
<div class="subtitle">注册资本</div> |
||||
</div> |
||||
</div> |
||||
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-4 col-xl-4 col-xxl-4"> |
||||
<div class="numberItem"> |
||||
<div class="num"> |
||||
<div class="number2" data-val="237">0</div> |
||||
<span>亿元</span> |
||||
</div> |
||||
<div class="subtitle">总资产</div> |
||||
</div> |
||||
</div> |
||||
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-4 col-xl-4 col-xxl-4"> |
||||
<div class="numberItem"> |
||||
<div class="num"> |
||||
<div class="number3" data-val="1400">0</div> |
||||
<span>亿元</span> |
||||
</div> |
||||
<div class="subtitle">管理规模</div> |
||||
</div> |
||||
</div> |
||||
|
||||
|
||||
</div> |
||||
<div class="searchMore"><a href="http://sct.njrenzhou.cn/about/about01.html">探索更多</a></div> |
||||
<img src="images/鼠标2@2x.png" class="shubiao d-none d-lg-block" alt=""> |
||||
</div> |
||||
<div class="col-xs-12 col-sm-12 col-md-1 col-lg-1 col-xl-1 col-xxl-1"></div> |
||||
</div> |
||||
</div> |
||||
</section> |
||||
<div class="section section3 dianxixinxi"> |
||||
<div class="container section3Titlecontainer"> |
||||
<div class="second3Title"> |
||||
<div class="title">电子信息</div> |
||||
<p>ELECTRONIC<br/>INFORMATION</p> |
||||
<div class="textsecond3">重点关注计算机与智能消费设备制造、信息通信、新型显示、集成电路、电子元器件与专用材料产业、人工智能等领域</div> |
||||
</div> |
||||
</div> |
||||
<div class="contentContainer"> |
||||
<div class="row electricContainer"> |
||||
<div class="col-xs-12 col-sm-12 col-md-3 col-lg-3 col-xl-3 col-xxl-3"> |
||||
<div class="electricItem section3active"> |
||||
<div class="imgContainer"><img src="images/电子信.png"></div> |
||||
<p class="text">电子信息</p> |
||||
<!-- http://sct.njrenzhou.cn/service/service12.html?id=1 --> |
||||
<button><a target="_blank" href="/service/service12.html?id=1">探索更多</a></button> |
||||
<div class="addIon">+</div> |
||||
</div> |
||||
</div> |
||||
<div class="col-xs-12 col-sm-12 col-md-3 col-lg-3 col-xl-3 col-xxl-3"> |
||||
<div class="electricItem"> |
||||
<div class="imgContainer"><img src="images/zhuangbei.png"></div> |
||||
<p class="text">装备制造</p> |
||||
<button><a target="_blank" href="/service/service12.html?id=2">探索更多</a></button> |
||||
<div class="addIon">+</div> |
||||
</div> |
||||
</div> |
||||
<div class="col-xs-12 col-sm-12 col-md-3 col-lg-3 col-xl-3 col-xxl-3"> |
||||
<div class="electricItem"> |
||||
<div class="imgContainer"><img src="images/生物医药.png"></div> |
||||
<p class="text">生物医药</p> |
||||
<button><a target="_blank" href="/service/service12.html?id=3">探索更多</a></button> |
||||
<div class="addIon">+</div> |
||||
</div> |
||||
</div> |
||||
<div class="col-xs-12 col-sm-12 col-md-3 col-lg-3 col-xl-3 col-xxl-3"> |
||||
<div class="electricItem"> |
||||
<div class="imgContainer"><img src="images/先进材料.png"></div> |
||||
<p class="text">先进材料</p> |
||||
<button><a target="_blank" href="/service/service12.html?id=4">探索更多</a></button> |
||||
<div class="addIon">+</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
</div> |
||||
<div class="section section4"> |
||||
<!-- 新闻动态 --> |
||||
<div class="container"> |
||||
<div class="row news_Container"> |
||||
<!-- left --> |
||||
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-3 col-xl-3 col-xxl-3 news_left_container"> |
||||
<div class="newsLeftContent"> |
||||
<h2>最新动态</h2> |
||||
<p>NEWS<br>INFORMATION</p> |
||||
</div> |
||||
<a href="http://sct.njrenzhou.cn/news/news01.html" class="moreBtn"><button>探索更多</button></a> |
||||
|
||||
</div> |
||||
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-9 col-xl-9 col-xxl-9 news_middle_container"> |
||||
<div class="titleContent"> |
||||
<!-- <div class="titleItem titleItemActive">集团要闻</div> |
||||
<div class="titleItem">企业动态</div> |
||||
<div class="titleItem">媒体聚焦</div> --> |
||||
</div> |
||||
<div class="middleContent"> |
||||
<div class="row brand__slider owl-carousel"> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="section section5"> |
||||
|
||||
<!-- 上市企业 --> |
||||
<!-- <div class="conpanyBrand" style="width: 100%!important;"> --> |
||||
<div class="container"> |
||||
<div class="row conpanyBrand_Container"> |
||||
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-3 col-xl-3 col-xxl-3 sliderContainer1"> |
||||
<div class="companyLeftContent"> |
||||
<h2>上市企业</h2> |
||||
<p>LISTED<br>ENTERPRISES</p> |
||||
<!-- <a href="http://sct.njrenzhou.cn/"><button>探索更多</button></a> --> |
||||
|
||||
</div> |
||||
<a href="http://sct.njrenzhou.cn/service/service14.html" class="moreBtn mobilemore"><button>探索更多</button></a> |
||||
|
||||
</div> |
||||
|
||||
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-9 col-xl-9 col-xxl-9 sliderContainer" style="background-color: rgba(0,0,0,0.4);border-radius:10px;"> |
||||
<div style="background:#ffffff;overflow: hidden;padding-top: 18px;"> |
||||
<div class="g1 scrollItem"> |
||||
<ul> |
||||
|
||||
</ul> |
||||
</div> |
||||
<div class="g2 scrollItem"> |
||||
<ul> |
||||
|
||||
</ul> |
||||
</div> |
||||
<div class="g3 scrollItem"> |
||||
<ul> |
||||
|
||||
</ul> |
||||
</div> |
||||
</div> |
||||
<!-- <div class="mobileIcon"> |
||||
<div class="row mobileIcon__slider owl-carousel"> |
||||
</div> |
||||
</div> --> |
||||
</div> |
||||
<div class="mobilebtn"> |
||||
<a style="margin:auto" href="/service/service14.html"><button>探索更多</button></a> |
||||
|
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
<!-- </div> --> |
||||
|
||||
</div> |
||||
<div class="section section6 fp-auto-height fp-section"> |
||||
<!-- 底部目录 --> |
||||
<div class="footer-top"> |
||||
<div class="container"> |
||||
<div class="footer"> |
||||
<div class="row"> |
||||
<div class="col-xs-4 col-sm-4 col-md-4 col-lg-2 col-xl-2 col-xxl-2 col-4"> |
||||
<div class="title">关于我们</div> |
||||
<ul> |
||||
<li><a href="about/about01.html" target="_blank">集团介绍</a></li> |
||||
<li><a href="about/about02.html" target="_blank">董事长致辞</a></li> |
||||
<li><a href="about/about03.html" target="_blank">核心能力</a></li> |
||||
<li><a href="about/about04.html" target="_blank">企业文化</a></li> |
||||
<li><a href="about/about05.html" target="_blank">组织构架</a></li> |
||||
<li><a href="about/about06.html" target="_blank">合作伙伴</a></li> |
||||
<li><a href="about/about07.html" target="_blank">联系我们</a></li> |
||||
</ul> |
||||
</div> |
||||
<div class="col-xs-4 col-sm-4 col-md-4 col-lg-2 col-xl-2 col-xxl-2 col-4"> |
||||
<div class="title">业务版图</div> |
||||
<ul> |
||||
<li><a href="service/service01.html" target="_blank">基金集群</a></li> |
||||
<li><a href="service/service11.html" target="_blank">产业地图</a></li> |
||||
<li><a href="service/service03.html" target="_blank">投贷联动</a></li> |
||||
</ul> |
||||
</div> |
||||
<div class="col-xs-4 col-sm-4 col-md-4 col-lg-2 col-xl-2 col-xxl-2 col-4"> |
||||
<div class="title">新闻中心</div> |
||||
<ul> |
||||
<li><a href="news/news01.html" target="_blank">集团要闻</a></li> |
||||
<li><a href="news/news02.html" target="_blank">行业动态</a></li> |
||||
<li><a href="news/news03.html" target="_blank">媒体聚焦</a></li> |
||||
</ul> |
||||
</div> |
||||
<div class="col-xs-4 col-sm-4 col-md-4 col-lg-2 col-xl-2 col-xxl-2 col-4"> |
||||
<div class="title">党建工作</div> |
||||
<ul> |
||||
<li><a href="work/work.html" target="_blank">党建工作</a></li> |
||||
</ul> |
||||
</div> |
||||
<div class="col-xs-4 col-sm-4 col-md-4 col-lg-2 col-xl-2 col-xxl-2 col-4"> |
||||
<div class="title">人才发展</div> |
||||
<ul> |
||||
<li><a href="talent/talent01.html" target="_blank">人才理念</a></li> |
||||
<li><a href="talent/talent02.html" target="_blank">人才招聘</a></li> |
||||
</ul> |
||||
</div> |
||||
<div class="col-xs-4 col-sm-4 col-md-4 col-lg-2 col-xl-2 col-xxl-2 col-4"> |
||||
<div class="title">投资申请</div> |
||||
<ul> |
||||
<li><a href="form/form.html" target="_blank">投资申请</a></li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
</div> |
||||
<div class="footer-bottom"> |
||||
<div class="container"> |
||||
<div class="registerContainer"> |
||||
<div class="row"> |
||||
<div class="col-xs-12 col-sm-12 col-md-2 col-lg-2 col-xl-2 col-xxl-2"> |
||||
<div class="leftContent"> |
||||
<img src="./images/ewm.jpg" alt=""> |
||||
</div> |
||||
</div> |
||||
<div class="col-xs-12 col-sm-12 col-md-10 col-lg-10 col-xl-10 col-xxl-10 selectContainer"> |
||||
<select placeholder="相关链接" class="select"> |
||||
<option value="">相关链接</option> |
||||
</select> |
||||
<div class="contactUs"> |
||||
@2022-2032 苏州创新投资集团有限公司 <a href="https://beian.miit.gov.cn/" target="_blank">苏ICP备2022049332-2号</a> 苏公网安备320500000160208号营业执照 |
||||
</div> |
||||
|
||||
</div> |
||||
<!-- <div class="col-xs-12 col-sm-12 col-md-8 col-lg-8 col-xl-8 col-xxl-8"> |
||||
<div class="leftContent"> |
||||
<img src="./images/ewm.jpg" alt=""> |
||||
</div> |
||||
<div class="contactUs"> |
||||
©2015-2022 苏州创新投资集团有限公司 苏ICP备10219514号-1 苏公网安备 4401060342d234275号营业执照 |
||||
</div> |
||||
</div> |
||||
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 col-xl-4 col-xxl-4 selectContainer"> |
||||
<select placeholder="相关链接" class="select"> |
||||
<option value="">相关链接</option> |
||||
</select> |
||||
</div> --> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
</div> |
||||
<script src="js/jquery.min.js"></script> |
||||
<script src="js/jquery.fullPage.min.js"></script> |
||||
<script type="text/javascript" src="js/SuperSlide.2.1.3.js"></script> |
||||
<script src="js/jquery.imgscroll.min.js"></script> |
||||
<script src="js/index_slick.js"></script> |
||||
<script src="js/owl.carousel.min.js"></script> |
||||
<script src="js/index.js?v=1"></script> |
||||
|
||||
|
||||
</body> |
||||
|
||||
</html> |
||||
|
After Width: | Height: | Size: 194 KiB |
|
After Width: | Height: | Size: 168 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 58 KiB |
|
After Width: | Height: | Size: 106 KiB |
|
After Width: | Height: | Size: 1.5 MiB |
|
After Width: | Height: | Size: 729 KiB |
|
After Width: | Height: | Size: 1.6 MiB |
|
After Width: | Height: | Size: 355 KiB |
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
Before Width: | Height: | Size: 99 KiB After Width: | Height: | Size: 104 KiB |
|
Before Width: | Height: | Size: 495 KiB After Width: | Height: | Size: 419 KiB |
|
Before Width: | Height: | Size: 838 KiB After Width: | Height: | Size: 737 KiB |
|
After Width: | Height: | Size: 217 KiB |
|
After Width: | Height: | Size: 206 KiB |
|
After Width: | Height: | Size: 2.3 MiB |
|
After Width: | Height: | Size: 204 KiB |
|
After Width: | Height: | Size: 319 KiB |
|
After Width: | Height: | Size: 335 KiB |
|
After Width: | Height: | Size: 198 KiB |
|
After Width: | Height: | Size: 1.9 KiB |
@ -0,0 +1,28 @@ |
||||
{ |
||||
"items" : [ |
||||
{ |
||||
"img": "assets/owl1.jpg", |
||||
"alt" : "Owl Image 1" |
||||
}, |
||||
{ |
||||
"img": "assets/owl2.jpg", |
||||
"alt" : "Owl Image 2" |
||||
}, |
||||
{ |
||||
"img": "assets/owl3.jpg", |
||||
"alt" : "Owl Image 1" |
||||
}, |
||||
{ |
||||
"img": "assets/owl4.jpg", |
||||
"alt" : "Owl Image 2" |
||||
}, |
||||
{ |
||||
"img": "assets/owl5.jpg", |
||||
"alt" : "Owl Image 1" |
||||
}, |
||||
{ |
||||
"img": "assets/owl6.jpg", |
||||
"alt" : "Owl Image 2" |
||||
} |
||||
] |
||||
} |
||||
@ -0,0 +1,109 @@ |
||||
|
||||
<!DOCTYPE html> |
||||
<html lang="zh-CN"> |
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1"> |
||||
<title>苏州创新投资集团有限公司</title> |
||||
<meta name="Keywords" content=""> |
||||
<meta name="Description" content=""> |
||||
<meta name="applicable-device"content="pc,mobile"> |
||||
<link href="../css/bootstrap.css" rel="stylesheet"> |
||||
<link href="../css/bxslider.css" rel="stylesheet"> |
||||
<link href="../css/style.css" rel="stylesheet"> |
||||
<link rel="stylesheet" href="../css/talent.css"> |
||||
<link href="../css/animate.css" rel="stylesheet" > |
||||
<!--导航样式--> |
||||
<link rel="stylesheet" href="../css/head.css" /> |
||||
<link rel="stylesheet" href="../css/footer.css"> |
||||
<script src="../js/jquery.min.js"></script> |
||||
<!-- <script src="http://www.jeendo.com/script/wow/wow.min2.js"></script> --> |
||||
<script src="../js/subpage.js"></script> |
||||
<script src="../js/common.js"></script> |
||||
<script src="../js/bootstrap.js"></script> |
||||
|
||||
</head> |
||||
|
||||
<body> |
||||
|
||||
<div id="header"></div> |
||||
|
||||
<!-- part0 --> |
||||
<div class="section section0 section-spe fp-auto-height fp-section"> |
||||
<div style="position: relative;"> |
||||
<img src="../images/人才发展banner@2x.png" class="bgimage" alt=""> |
||||
<div class="titlecontent"> |
||||
<p class="title1">人才招聘</p> |
||||
<p class="subtitle">TALENT RECRUITMENT</p> |
||||
</div> |
||||
<div class="container navcontent"> |
||||
<div class="row"> |
||||
<a href="talent01.html" class="col-xs-6 col-sm-6 col-md-6 col-lg-6 col-xl-6 col-xxl-6 navitem"> |
||||
<div class="navtitle">人才理念</div> |
||||
<div class="navsubtitle">TALENT CONCEPT</div> |
||||
</a> |
||||
<a href="talent02.html" class="navaction col-xs-6 col-sm-6 col-md-6 col-lg-6 col-xl-6 col-xxl-6 navitem"> |
||||
<div class="navtitle">人才招聘</div> |
||||
<div class="navsubtitle">TALENT RECRUITMENT</div> |
||||
</a> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
|
||||
<!-- part1 --> |
||||
<div class="part talent_02"> |
||||
<div class="container"> |
||||
<div class="row"> |
||||
<div class="col-xs-12 col-sm-12 col-md-12 title"> |
||||
<img src="../images/line.png"> |
||||
<h2 class="wow fadeInDown">人才招聘</h2> |
||||
<h2 class="wow fadeInDown">TALENT RECRUITMENT</h2> |
||||
</div> |
||||
<div class="col-xs-12 col-sm-12 col-md-12 wrap"> |
||||
<ul> |
||||
|
||||
<li class="col-xs-12 col-sm-12 col-md-12 list wow fadeInDown"> |
||||
<div class="text text-1"> |
||||
<a href="detail.html" target="_blank">医疗健康、信息技术、智能制造、军工、大消费与企业服务行业投资副总监若干名</a> |
||||
<p>招聘人数：3名</p> |
||||
</div> |
||||
<div class="text text-2"> |
||||
<a href="detail.html" target="_blank">></a> |
||||
<p>2022-10-23</p> |
||||
</div> |
||||
</li> |
||||
<li class="col-xs-12 col-sm-12 col-md-12 list wow fadeInDown"> |
||||
<div class="text text-1"> |
||||
<a href="detail.html" target="_blank">募资副总监3名</a> |
||||
<p>招聘人数：3名</p> |
||||
</div> |
||||
<div class="text text-2"> |
||||
<a href="detail.html" target="_blank">></a> |
||||
<p>2022-10-23</p> |
||||
</div> |
||||
</li> |
||||
<li class="col-xs-12 col-sm-12 col-md-12 list wow fadeInDown"> |
||||
<div class="text text-1"> |
||||
<a href="detail.html" target="_blank">医疗健康、信息技术、智能制造、军工、大消费与企业服务行业投资副总监若干名</a> |
||||
<p>招聘人数：3名</p> |
||||
</div> |
||||
<div class="text text-2"> |
||||
<a href="detail.html" target="_blank">></a> |
||||
<p>2022-10-23</p> |
||||
</div> |
||||
</li> |
||||
|
||||
</ul> |
||||
|
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div id="footer"></div> |
||||
|
||||
</body> |
||||
</html> |
||||
Loading…
Reference in new issue