up
This commit is contained in:
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -1,120 +0,0 @@
|
||||
@CHARSET "UTF-8";
|
||||
/*= Reset =*/
|
||||
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,p,blockquote,th,td,figure{margin:0;padding:0;}
|
||||
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
|
||||
table{border-collapse:collapse;border-spacing:0;}
|
||||
caption,th{font-weight:normal;text-align:left;}
|
||||
fieldset,img{border:0;}
|
||||
ul li{list-style:none;}
|
||||
h1,h2,h3,h4,h5,h6{font-size:100%;}
|
||||
h5{font-size:18px;margin-bottom:20px;color:#666;}
|
||||
h5 span{font-size:12px;color:#ccc;font-weight:normal;}
|
||||
blockquote:before,blockquote:after,q:before,q:after{content:"";}
|
||||
html{-webkit-text-size-adjust:none;-ms-text-size-adjust:none;}
|
||||
body{font:normal 14px/24px "Helvetica Neue",Helvetica,STheiti,"Microsoft Yahei","冬青黑体简体中文 w3",宋体,Arial,Tahoma,sans-serif,serif;word-wrap:break-word;background: #F0F0F0;}
|
||||
input,button,textarea,select,option,optiongroup{font-family:inherit;font-size:inherit;}
|
||||
code,pre{font-family:"Microsoft YaHei",Consolas,"Courier New",monospace;}
|
||||
.bw0{border: none !important;}
|
||||
*:focus{outline:0;}
|
||||
legend{color:#000;}
|
||||
input,select{vertical-align:middle;}
|
||||
button{overflow:visible;}
|
||||
input.button,button{cursor:pointer;}
|
||||
button,input,select,textarea{margin:0;}
|
||||
textarea{overflow:auto;resize:none;}
|
||||
label[for],input[type="button"],input[type="submit"],input[type="reset"]{cursor:pointer;}
|
||||
input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,button::-moz-focus-inner{border:0;padding:0;}
|
||||
a { text-decoration:none;color:#1C3D72 }
|
||||
img{-ms-interpolation-mode:bicubic;}
|
||||
/* new clearfix */
|
||||
.clearfix:after {
|
||||
visibility: hidden;
|
||||
display: block;
|
||||
font-size: 0;
|
||||
content: " ";
|
||||
clear: both;
|
||||
height: 0;
|
||||
}
|
||||
* html .clearfix { zoom: 1; } /* IE6 */
|
||||
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
|
||||
.hidden{display:none;}
|
||||
.last{border-bottom:none !important;}
|
||||
blockquote{background:#f9f9f9;padding:8px 20px;border:1px solid #ccc;}
|
||||
.page { display:table;margin:0 auto;background:#fff;-moz-box-shadow: 0 5px 20px #CCCCCC;-webkit-box-shadow: 0 5px 20px #CCCCCC;box-shadow: 0 5px 20px #CCCCCC;}
|
||||
.about { box-shadow:0;-webkit-box-shadow:0;-moz-box-shadow:0; }
|
||||
.header { width:940px;height:90px;margin:0 auto;z-index:8; }
|
||||
.logo { margin:22px 0 0 0;float:left;display:inline; }
|
||||
.link { margin-top:30px;float:right;text-align:right; _width:718px; }
|
||||
.link li { float:left;display:inline;margin-left:60px; }
|
||||
.link li a{color:#4F4E4E;font-size:16px;font-weight:500;padding-bottom:6px;display:block;}
|
||||
.link li.active{border-bottom:2px solid #0066ff;}
|
||||
.link li.active a{color:#0066FF }
|
||||
.link li:hover { border-bottom:2px solid #0066ff;color:#0066FF }
|
||||
.link li a:hover{color:#0066FF }
|
||||
.adlist{padding:20px;}
|
||||
.adlist li{float:left;diaplay:inline;margin-left:30px;margin-bottom:20px;width:110px;}
|
||||
|
||||
.main { width:100%;margin:40px auto 10px auto;font-size:14px;display:table;padding-bottom:10px; border-bottom:1px solid #EEEEEE}
|
||||
.info { width:300px;float:left;margin-right:20px; }
|
||||
.info h3 { width:300px;height:26px;background:url('assets/images/ictb.png') no-repeat;font-size:0;margin-bottom:8px; }
|
||||
.info ul{margin-left:-10px;}
|
||||
.info ul li{list-style:none;float:left;width:140px;padding-left:0;background:none;margin-left:10px;}
|
||||
.info ul{margin-left:-10px;}
|
||||
.b2 h3 { background-position:0 -26px; }
|
||||
.b3 { margin:0;position:relative; }
|
||||
.b3 span{position:absolute;right:10px;top:0;background:url('assets/images/morelink.gif') no-repeat left center;padding-left:12px;}
|
||||
.b3 span a{color:#8C8C8C;font-weight:600}
|
||||
.b3 h3 { background-position:0 -52px; }
|
||||
.info li { padding:3px 0 3px 12px;background:url('assets/images/dian.png') 2px center no-repeat; }
|
||||
.info li a { color:#8c8c8c; }
|
||||
.info p { color:#8c8c8c; }
|
||||
.info p img { display:table;margin:10px 0; }
|
||||
.morelink{padding-top:20px;}
|
||||
.morelink li{float:left;width:180px;}
|
||||
|
||||
.box { width:940px;margin:18px auto 0 auto; }
|
||||
.left { width:140px;border-bottom:2px solid #DDD;background:#FFF;float:left; }
|
||||
.left li:hover { border-left:3px solid #0066ff; }
|
||||
.left li a { height:40px;line-height:40px;display:block;color:#333 }
|
||||
.left li a:hover,.left li.active a{color:#0066FF}
|
||||
.left li.active{border-left:3px solid #0066ff;}
|
||||
.left li {
|
||||
border-left:3px solid #fff;
|
||||
border-bottom: 1px solid #EEEEEE;
|
||||
font-size: 14px;
|
||||
height: 40px;
|
||||
margin-bottom: 1px;
|
||||
overflow: hidden;
|
||||
padding-left: 25px;
|
||||
}
|
||||
|
||||
.event_year { width:60px;border-bottom:2px solid #DDD;text-align:center;float:left;margin-top:10px; }
|
||||
.event_year li { height:40px;line-height:40px;background:#FFF;margin-bottom:1px;font-size:18px;color:#828282;cursor:pointer; }
|
||||
.event_year li.current { width:61px;background:#0066ff url('assets/images/jian.png') 60px 0 no-repeat;color:#FFF;text-align:left;padding-left:9px; }
|
||||
.event_list { width:850px;float:right;background:url('assets/images/dian3.png') 139px 0 repeat-y;margin:10px 0 20px 0; }
|
||||
.event_list h3 { margin:0 0 10px 132px;font-size:24px;font-family:Georgia;color:#0066ff;padding-left:25px;background:url('assets/images/jian.png') 0 -45px no-repeat;height:38px;line-height:30px;font-style:italic; }
|
||||
.event_list li { background:url('assets/images/jian.png') 136px -80px no-repeat; }
|
||||
.event_list li span { width:127px;text-align:right;display:block;float:left;margin-top:10px; }
|
||||
.event_list li p { width:680px;margin-left:24px;display:inline-block;padding-left:10px;background:url('assets/images/jian.png') -21px 0 no-repeat;line-height:25px;_float:left; }
|
||||
.event_list li p span { width:650px;text-align:left;border-bottom:2px solid #DDD;padding:10px 15px;background:#FFF;margin:0; }
|
||||
|
||||
.titlelist{line-height:24px;color: #8C8C8C;padding-bottom:20px;}
|
||||
.titlelist dt { font-weight: bold;color:#666;white-space: nowrap;margin:10px;}
|
||||
.titlelist dd {padding-left: 13px;}
|
||||
h1 {
|
||||
font-family: Tahoma,Arial,sans-serif;
|
||||
font-size: 14px;
|
||||
margin-bottom: 15px;
|
||||
padding-bottom: 12px;
|
||||
}
|
||||
.hr {
|
||||
border-top: 1px solid #CCD5DE;
|
||||
font-size: 0;
|
||||
height: 0;
|
||||
line-height: 0;
|
||||
margin: 15px 0;
|
||||
}
|
||||
.red {
|
||||
color: #0065CB;
|
||||
font-size:15px;
|
||||
}
|
||||
3578
assets_backup/css/animate.css
vendored
3578
assets_backup/css/animate.css
vendored
File diff suppressed because it is too large
Load Diff
6584
assets_backup/css/bootstrap-3.3.4.css
vendored
6584
assets_backup/css/bootstrap-3.3.4.css
vendored
File diff suppressed because it is too large
Load Diff
@@ -1,189 +0,0 @@
|
||||
@font-face {
|
||||
font-family: 'ecoico';
|
||||
src:url('../fonts/timelineicons/ecoico.eot');
|
||||
src:url('../fonts/timelineicons/ecoico.eot?#iefix') format('embedded-opentype'),
|
||||
url('../fonts/timelineicons/ecoico.woff') format('woff'),
|
||||
url('../fonts/timelineicons/ecoico.ttf') format('truetype'),
|
||||
url('../fonts/timelineicons/ecoico.svg#ecoico') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
} /* Made with http://icomoon.io/ */
|
||||
|
||||
.cbp_tmtimeline {
|
||||
margin: 30px 0 0 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* The line */
|
||||
.cbp_tmtimeline:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
width: 5px;
|
||||
background: #afdcf8;
|
||||
left: 12.3%;
|
||||
margin-left: -10px;
|
||||
}
|
||||
|
||||
/* The date/time */
|
||||
.cbp_tmtimeline > li .cbp_tmtime {
|
||||
display: block;
|
||||
width: ;
|
||||
padding-right: 100px;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.cbp_tmtimeline > li .cbp_tmtime span {
|
||||
display: block;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.cbp_tmtimeline > li .cbp_tmtime span:first-child {
|
||||
font-size: 0.9em;
|
||||
color: #bdd0db;
|
||||
}
|
||||
|
||||
.cbp_tmtimeline > li .cbp_tmtime span:last-child {
|
||||
font-size: 1.9em;
|
||||
color: #3594cb;
|
||||
}
|
||||
|
||||
.cbp_tmtimeline > li:nth-child(odd) .cbp_tmtime span:last-child {
|
||||
color: #6cbfee;
|
||||
}
|
||||
|
||||
/* Right content */
|
||||
.cbp_tmtimeline > li .cbp_tmlabel {
|
||||
margin: 0 0 15px 17%;
|
||||
background: #3594cb;
|
||||
color: #fff;
|
||||
padding: .5em;
|
||||
font-size: 14px;
|
||||
font-weight: 300;
|
||||
line-height: 1.4;
|
||||
position: relative;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel {
|
||||
background: #6cbfee;
|
||||
}
|
||||
|
||||
.cbp_tmtimeline > li .cbp_tmlabel h2 {
|
||||
margin-top: 0px;
|
||||
padding: 0 0 10px 0;
|
||||
border-bottom: 1px solid rgba(255,255,255,0.4);
|
||||
}
|
||||
|
||||
/* The triangle */
|
||||
.cbp_tmtimeline > li .cbp_tmlabel:after {
|
||||
right: 100%;
|
||||
border: solid transparent;
|
||||
content: " ";
|
||||
height: 0;
|
||||
width: 0;
|
||||
position: absolute;
|
||||
pointer-events: none;
|
||||
border-right-color: #3594cb;
|
||||
border-width: 10px;
|
||||
top: 10px;
|
||||
}
|
||||
|
||||
.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {
|
||||
border-right-color: #6cbfee;
|
||||
}
|
||||
|
||||
/* The icons */
|
||||
.cbp_tmtimeline > li .cbp_tmicon {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
font-family: 'ecoico';
|
||||
speak: none;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
font-size: 1.4em;
|
||||
line-height: 40px;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
position: absolute;
|
||||
color: #fff;
|
||||
background: #46a4da;
|
||||
border-radius: 50%;
|
||||
box-shadow: 0 0 0 8px #afdcf8;
|
||||
text-align: center;
|
||||
left: 12%;
|
||||
top: 0;
|
||||
margin: 0 0 0 -25px;
|
||||
}
|
||||
|
||||
.cbp_tmicon-phone:before {
|
||||
content: "\e000";
|
||||
}
|
||||
|
||||
.cbp_tmicon-screen:before {
|
||||
content: "\e001";
|
||||
}
|
||||
|
||||
.cbp_tmicon-mail:before {
|
||||
content: "\e002";
|
||||
}
|
||||
|
||||
.cbp_tmicon-earth:before {
|
||||
content: "\e003";
|
||||
}
|
||||
|
||||
/* Example Media Queries */
|
||||
@media screen and (max-width: 65.375em) {
|
||||
|
||||
.cbp_tmtimeline > li .cbp_tmtime span:last-child {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 47.2em) {
|
||||
.cbp_tmtimeline:before {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.cbp_tmtimeline > li .cbp_tmtime {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
padding: 0 0 20px 0;
|
||||
}
|
||||
|
||||
.cbp_tmtimeline > li .cbp_tmtime span {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.cbp_tmtimeline > li .cbp_tmlabel {
|
||||
margin: 0 0 30px 0;
|
||||
padding: 1em;
|
||||
font-weight: 400;
|
||||
font-size: 95%;
|
||||
}
|
||||
|
||||
.cbp_tmtimeline > li .cbp_tmlabel:after {
|
||||
right: auto;
|
||||
left: 20px;
|
||||
border-right-color: transparent;
|
||||
border-bottom-color: #3594cb;
|
||||
top: -20px;
|
||||
}
|
||||
|
||||
.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {
|
||||
border-right-color: transparent;
|
||||
border-bottom-color: #6cbfee;
|
||||
}
|
||||
|
||||
.cbp_tmtimeline > li .cbp_tmicon {
|
||||
position: relative;
|
||||
float: right;
|
||||
left: auto;
|
||||
margin: -55px 5px 0 0px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,254 +0,0 @@
|
||||
@charset "utf-8";
|
||||
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0; padding:0;}
|
||||
fieldset,img{border:0;}
|
||||
table{border-collapse:collapse; border-spacing:0;}
|
||||
ol,ul{list-style:none;}
|
||||
address,caption,cite,code,dfn,em,strong,th,var{font-weight:normal; font-style:normal;}
|
||||
caption,th{text-align:left;}
|
||||
h1,h2,h3,h4,h5,h6{font-weight:normal; font-size:100%;}
|
||||
q:before,q:after{content:'';}
|
||||
abbr,acronym{border:0;}
|
||||
/*--clearfix--*/
|
||||
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
|
||||
.clearfix{display:inline-block;}
|
||||
/*--Hides from IE-mac--*/
|
||||
* html .clearfix{height:1%;}
|
||||
.clearfix{display:block;}
|
||||
|
||||
body {
|
||||
font:14px '微软雅黑',sans-serif;
|
||||
color:#333!important
|
||||
}
|
||||
a {
|
||||
text-decoration:none;
|
||||
color:#5a5a5a;
|
||||
outline:0;
|
||||
blr:expression(this.onFocus=this.blur())
|
||||
}
|
||||
.fl {
|
||||
float:left
|
||||
}
|
||||
.fr {
|
||||
float:right
|
||||
}
|
||||
|
||||
/* history */
|
||||
.history {
|
||||
width:100%;
|
||||
height:1100px;
|
||||
position:relative;
|
||||
background:url("../images/history_bg.png") center no-repeat
|
||||
}
|
||||
.start-history {
|
||||
width:100%;
|
||||
height:1200px;
|
||||
/*margin:30px auto;*/
|
||||
text-align:center;
|
||||
background:url("assets/images/history_start.png") no-repeat top center;
|
||||
display:block
|
||||
}
|
||||
.cc_history {
|
||||
color:#2b2b2b;
|
||||
font-size:33px;
|
||||
line-height: 34px;
|
||||
font-weight:400;
|
||||
display:block;
|
||||
padding-top:0px
|
||||
}
|
||||
.next_history {
|
||||
color:#bbb;
|
||||
font-size:16px;
|
||||
line-height: 30px;
|
||||
width:160px;
|
||||
margin:0 auto;
|
||||
/*border-bottom:1px solid #d1d1d1*/
|
||||
}
|
||||
.history-img {
|
||||
height:2050px;
|
||||
width:10%;
|
||||
overflow:hidden;
|
||||
float:left;
|
||||
margin-top:24px;
|
||||
margin-left:8px
|
||||
}
|
||||
.history_mid {
|
||||
width:100%;
|
||||
height:auto;
|
||||
margin:0 auto;
|
||||
background:0
|
||||
}
|
||||
.history_left {
|
||||
width:43%;
|
||||
height:2050px;
|
||||
float:left;
|
||||
clear:left;
|
||||
position:relative;
|
||||
overflow:hidden
|
||||
}
|
||||
.tech_left{
|
||||
width:100%;
|
||||
margin:30px auto;
|
||||
clear:left;
|
||||
position:relative;
|
||||
overflow:hidden
|
||||
}
|
||||
.history_right {
|
||||
width:43%;
|
||||
height:2050px;
|
||||
float:left;
|
||||
position:relative;
|
||||
overflow:hidden
|
||||
}
|
||||
.history_R {
|
||||
width:100%;
|
||||
height:100px;
|
||||
margin-left:500px
|
||||
}
|
||||
.history_L {
|
||||
width:100%;
|
||||
height:100px;
|
||||
float:right;
|
||||
margin-right:500px
|
||||
}
|
||||
.history_r_2005 {
|
||||
margin-top:120px
|
||||
}
|
||||
.history_2007 {
|
||||
width:41%;
|
||||
height:100px;
|
||||
background:#FFF;
|
||||
margin-top:73px
|
||||
}
|
||||
.history_2005_span {
|
||||
float:left;
|
||||
line-height:24px;
|
||||
font-size:18px;
|
||||
color:#0169d7
|
||||
}
|
||||
.history_2005_b {
|
||||
float:left;
|
||||
width:80%;
|
||||
/*height:58px;*/
|
||||
padding: 5px 5px 5px;
|
||||
margin-left:15px;
|
||||
background: #0070d2;
|
||||
border-radius: 4px;
|
||||
background-position:0 -1300px
|
||||
}
|
||||
.history_r_month {
|
||||
float:left;
|
||||
color:#FFF;
|
||||
display:block;
|
||||
width:30px;
|
||||
line-height:25px;
|
||||
height:58px;
|
||||
border-right:1px solid #FFF;
|
||||
margin-left:25px
|
||||
}
|
||||
.history_r_text {
|
||||
float:left;
|
||||
font-size:14px;
|
||||
color:#FFF;
|
||||
display:block;
|
||||
line-height:25px;
|
||||
padding-left:5px;
|
||||
text-align:left
|
||||
}
|
||||
.year2006 {
|
||||
margin-top:175px
|
||||
}
|
||||
.year2009 {
|
||||
margin-top:65px
|
||||
}
|
||||
.year2011 {
|
||||
margin-top:53px
|
||||
}
|
||||
.year211 {
|
||||
margin-top:43px
|
||||
}
|
||||
.year2013 {
|
||||
margin-top:62px
|
||||
}
|
||||
.yearalmost {
|
||||
margin-top:5px
|
||||
}
|
||||
.yearalmostr {
|
||||
margin-top:12px
|
||||
}
|
||||
.history_2008 {
|
||||
width:41%;
|
||||
height:100px;
|
||||
background:#FFF;
|
||||
margin-top:73px;
|
||||
float:right
|
||||
}
|
||||
.history_2011 {
|
||||
width:41%;
|
||||
height:100px;
|
||||
background:#FFF;
|
||||
margin-top:43px;
|
||||
float:right
|
||||
}
|
||||
.history_2006_span {
|
||||
float:right;
|
||||
line-height:24px;
|
||||
font-size:18px;
|
||||
color:#0169d7
|
||||
}
|
||||
.history_2006_b {
|
||||
width:80%;
|
||||
/*height:58px;*/
|
||||
float:right;
|
||||
padding: 5px 5px 5px;
|
||||
margin-right:15px;
|
||||
background:#0070d2;
|
||||
border-radius: 4px;
|
||||
/*background:url("../images/sprites.png") center;*/
|
||||
background-position:0 -1200px
|
||||
}
|
||||
.blue {
|
||||
background-position:0 -1400px!important
|
||||
}
|
||||
.blue_R {
|
||||
background-position:0 -1500px!important
|
||||
}
|
||||
.yellow {
|
||||
background-position:0 -1600px!important
|
||||
}
|
||||
.yellow_R {
|
||||
background-position:0 -1700px!important
|
||||
}
|
||||
.history_l_month {
|
||||
float:right;
|
||||
color:#FFF;
|
||||
display:block;
|
||||
width:30px;
|
||||
line-height:25px;
|
||||
/*height:58px;*/
|
||||
border-left:1px solid #FFF;
|
||||
margin-right:37px
|
||||
}
|
||||
span.blue {
|
||||
color:#0169d7
|
||||
}
|
||||
span.yellow {
|
||||
color:#f76d02
|
||||
}
|
||||
.history_l_text {
|
||||
float:right;
|
||||
font-size:14px;
|
||||
color:#FFF;
|
||||
display:block;
|
||||
/*height:58px;*/
|
||||
line-height:25px;
|
||||
padding-top:3px;
|
||||
text-align:right;
|
||||
padding-right:5px
|
||||
}
|
||||
.smalltext {
|
||||
font-size:14px;
|
||||
line-height:18px
|
||||
}
|
||||
.smalltxt {
|
||||
font-size:14px
|
||||
}
|
||||
@@ -1,64 +0,0 @@
|
||||
/* General Blueprint Style */
|
||||
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600&subset=latin,latin-ext);
|
||||
@font-face {
|
||||
font-family: 'fontawesome';
|
||||
src:url('../fonts/fontawesome.eot');
|
||||
src:url('../fonts/fontawesome.eot?#iefix') format('embedded-opentype'),
|
||||
url('../fonts/fontawesome.svg#fontawesome') format('svg'),
|
||||
url('../fonts/fontawesome.woff') format('woff'),
|
||||
url('../fonts/fontawesome.ttf') format('truetype');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
|
||||
body, html { font-size: 100%; padding: 0; margin: 0;}
|
||||
|
||||
/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
|
||||
.clearfix:before, .clearfix:after { content: " "; display: table; }
|
||||
.clearfix:after { clear: both; }
|
||||
|
||||
body {
|
||||
font-family: 'Lato', Calibri, Arial, sans-serif;
|
||||
color: #47a3da;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #f0f0f0;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
|
||||
.icon-drop:before,
|
||||
.icon-arrow-left:before {
|
||||
font-family: 'fontawesome';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
speak: none;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
line-height: 2;
|
||||
text-align: center;
|
||||
color: #47a3da;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
text-indent: 8000px;
|
||||
padding-left: 8px;
|
||||
}
|
||||
|
||||
.container > header nav a:hover:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.icon-drop:before {
|
||||
content: "\e000";
|
||||
}
|
||||
|
||||
.icon-arrow-left:before {
|
||||
content: "\f060";
|
||||
}
|
||||
@@ -1,59 +0,0 @@
|
||||
/*
|
||||
Flaticon icon font: Flaticon
|
||||
Creation date: 14/10/2019 03:59
|
||||
*/
|
||||
|
||||
@font-face {
|
||||
font-family: "Flaticon";
|
||||
src: url("../fonts/Flaticon.eot");
|
||||
src: url("../fonts/Flaticon.eot?#iefix") format("embedded-opentype"),
|
||||
url("../fonts/Flaticon.woff2") format("woff2"),
|
||||
url("../fonts/Flaticon.woff") format("woff"),
|
||||
url("../fonts/Flaticon.ttf") format("truetype"),
|
||||
url("../fonts/Flaticon.svg#Flaticon") format("svg");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@media screen and (-webkit-min-device-pixel-ratio:0) {
|
||||
@font-face {
|
||||
font-family: "Flaticon";
|
||||
src: url("../fonts/Flaticon.svg#Flaticon") format("svg");
|
||||
}
|
||||
}
|
||||
|
||||
[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
|
||||
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {
|
||||
font-family: Flaticon;
|
||||
font-size: 20px;
|
||||
font-style: normal;
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
.flaticon-play-button:before { content: "\f100"; }
|
||||
.flaticon-play-button-1:before { content: "\f101"; }
|
||||
.flaticon-play-button-2:before { content: "\f102"; }
|
||||
.flaticon-back:before { content: "\f103"; }
|
||||
.flaticon-next:before { content: "\f104"; }
|
||||
.flaticon-right-quote:before { content: "\f105"; }
|
||||
.flaticon-left-quote:before { content: "\f106"; }
|
||||
.flaticon-triangle:before { content: "\f107"; }
|
||||
.flaticon-play-button-3:before { content: "\f108"; }
|
||||
.flaticon-truck:before { content: "\f109"; }
|
||||
.flaticon-air-freight:before { content: "\f10a"; }
|
||||
.flaticon-cruise:before { content: "\f10b"; }
|
||||
.flaticon-delivery-truck:before { content: "\f10c"; }
|
||||
.flaticon-staff:before { content: "\f10d"; }
|
||||
.flaticon-box:before { content: "\f10e"; }
|
||||
.flaticon-delivery:before { content: "\f10f"; }
|
||||
.flaticon-gift-box:before { content: "\f110"; }
|
||||
.flaticon-pallet:before { content: "\f111"; }
|
||||
.flaticon-groceries:before { content: "\f112"; }
|
||||
.flaticon-parachute:before { content: "\f113"; }
|
||||
.flaticon-quote:before { content: "\f114"; }
|
||||
.flaticon-dingcang:before { content: "\f116"; }
|
||||
.flaticon-jizhangxiang:before { content: "\f117"; }
|
||||
.flaticon-monitor:before { content: "\f118"; }
|
||||
.flaticon-cangchu:before { content: "\f119"; }
|
||||
.flaticon-changzhan:before { content: "\f111"; }
|
||||
.flaticon-matou:before { content: "\f115"; }
|
||||
@@ -1,97 +0,0 @@
|
||||
@charset "utf-8";
|
||||
*{margin:0;padding:0;list-style-type:none;}
|
||||
a,img{border:0;}
|
||||
body{_background-image:url(about:blank);/*用浏览器空白页面作为背景*/_background-attachment:fixed; /* prevent screen flash in IE6 确保滚动条滚动时，元素不闪动*/ }
|
||||
body{color:#535353;font-size:12px;font-family: "arial","微软雅黑";background:#f0f1f1;}
|
||||
.clear{clear:both;display:block;height:0;overflow:hidden;}
|
||||
|
||||
/* history */
|
||||
#history{width:880px;height:450px;position:relative;margin:50px auto 0 auto;}
|
||||
.title{height:95px;line-height:95px;text-indent:280px;}
|
||||
.title h2{color:#7c7c7c;font-size:18px;font-weight:500;}
|
||||
#circle{
|
||||
width:83px;height:83px;position:absolute;top:0;left:390px;border:6px solid rgba(0,0,0,0.15);border-radius:95px;text-indent:0;text-align:center;
|
||||
-webkit-transition:all 0.3s linear;
|
||||
-moz-transition:all 0.3s linear;
|
||||
-o-transition:all 0.3s linear;
|
||||
transition:all 0.3s linear;
|
||||
}
|
||||
#circle .cmsk{height:83px;position:absolute;width:83px;top:0;left:0;}
|
||||
#circle:hover{
|
||||
transform:rotate(360deg);
|
||||
-ms-transform:rotate(360deg);
|
||||
-moz-transform:rotate(360deg);
|
||||
-webkit-transform:rotate(360deg);
|
||||
-o-transform:rotate(360deg);
|
||||
border-color:rgba(0,0,0,0);
|
||||
}
|
||||
.clock{display:block;}
|
||||
#circle:hover {border-color:rgba(255,255,255,0.6);background-color:#6bc30d;}
|
||||
#circle:hover .clock{display:block;}
|
||||
#circle:hover .circlecontent{display:none;}
|
||||
#circle span{font-size:18px;color:#b0b0b0;}
|
||||
#circle .clock{
|
||||
background:url(../images/clock.png) no-repeat 0 0;width:83px;height:83px;position:absolute;top:0;left:0;display:none;
|
||||
-webkit-transition:all 0.5s linear;
|
||||
-moz-transition:all 0.5s linear;
|
||||
-o-transition:all 0.5s linear;
|
||||
transition:all 0.5s linear;
|
||||
border-radius:0;
|
||||
}
|
||||
#circle:hover .clock{border-radius:83px;}
|
||||
.timeyear{color:#b0b0b0;font-size:18px;line-height:20px;}
|
||||
.timeblock{height:28px;margin-top:22px;margin-left:5px;}
|
||||
.timeblock span{display:block;height:24px;width:18px;background:url(../images/date.png) no-repeat 0 0;float:left;}
|
||||
.timeblock .numf{background-position:0px -48px;}
|
||||
.timeblock .nums{background-position:0px 0px;}
|
||||
.timeblock .numt{background-position:0px -24px;}
|
||||
.timeblock .numfo{background-position:0px -72px;}
|
||||
#content{height:355px;width:880px;overflow:hidden;background:url(../images/vertical.png) no-repeat 134px 2px;padding-top:10px;}
|
||||
.list{overflow:hidden;position:relative;}
|
||||
.list li{height:110px;vertical-align:bottom;overflow:hidden;position:relative;}
|
||||
.liwrap{height:55px;margin-top:28px;}
|
||||
.lileft{position:absolute;top:0;left:0px;height:55px;width:100px;line-height:55px;text-align:right;}
|
||||
.liright{position:absolute;top:0;left:180px;height:55px;}
|
||||
.histt{height:35px;line-height:35px;}
|
||||
.hisct{font-size:14px;color:#6e6e6e;}
|
||||
.md{font-size:18px;color:#AEAEAE;}
|
||||
.year{font-size:12px;color:#AEAEAE;margin-right:10px;}
|
||||
.point{width:55px;height:55px;position:absolute;top:0;left:109px;background:url(../images/point.png) no-repeat 0px 18px;overflow:hidden;}
|
||||
.point b{
|
||||
height:16px;width:16px;background:#fff;display:block;margin:17px 0 0 19px;border-radius:18px;border:2px solid #6bc30d;
|
||||
-webkit-transition:all 0.1s linear;
|
||||
-moz-transition:all 0.1s linear;
|
||||
-o-transition:all 0.1s linear;
|
||||
transition:all 0.1s linear;
|
||||
position:absolute;
|
||||
top:0;left:0;
|
||||
}
|
||||
.thiscur .point b{border:7px solid rgba(107,195,13,0.6);margin:12px 0px 0px 14px;border-radius:52px;}
|
||||
.thiscur .histt a{color:#6bc30d;}
|
||||
.histt a{
|
||||
font-size:24px;color:#747474;
|
||||
-webkit-transition:all 0.3s linear;
|
||||
-moz-transition:all 0.3s linear;
|
||||
-o-transition:all 0.3s linear;
|
||||
transition:all 0.3s linear;
|
||||
}
|
||||
#arrow{position:fixed;top:50%;right:30px;}
|
||||
*html #arrow{position:absolute;top:expression(eval(document.documentElement.scrollTop));margin-top:350px;}
|
||||
|
||||
#arrow ul li{
|
||||
display:block;height:20px;width:20px;background:url(../images/icons.png) no-repeat 0 0;cursor:pointer;
|
||||
-webkit-transition:all 0.2s ease-out;
|
||||
-moz-transition:all 0.2s ease-out;
|
||||
-o-transition:all 0.2s ease-out;
|
||||
transition:all 0.2s ease-out;
|
||||
}
|
||||
#arrow ul li:active{background-color:#000;}
|
||||
#arrow ul .arrow_active{
|
||||
background-color:#000;
|
||||
-webkit-transition:all 0.1s ease-in;
|
||||
-moz-transition:all 0.1s ease-in;
|
||||
-o-transition:all 0.1s ease-in;
|
||||
transition:all 0.1s ease-in;
|
||||
}
|
||||
#arrow ul .arrowup{background-position:0px -26px;margin-bottom:10px;}
|
||||
#arrow ul .arrowdown{background-position:0px 0px;}
|
||||
275
assets_backup/css/jquery.fancybox.css
vendored
275
assets_backup/css/jquery.fancybox.css
vendored
@@ -1,275 +0,0 @@
|
||||
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
|
||||
.fancybox-wrap,
|
||||
.fancybox-skin,
|
||||
.fancybox-outer,
|
||||
.fancybox-inner,
|
||||
.fancybox-image,
|
||||
.fancybox-wrap iframe,
|
||||
.fancybox-wrap object,
|
||||
.fancybox-nav,
|
||||
.fancybox-nav span,
|
||||
.fancybox-tmp
|
||||
{
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
outline: none;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.fancybox-wrap {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
z-index: 8020;
|
||||
}
|
||||
|
||||
.fancybox-skin {
|
||||
position: relative;
|
||||
background: #f9f9f9;
|
||||
color: #444;
|
||||
text-shadow: none;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.fancybox-opened {
|
||||
z-index: 8030;
|
||||
}
|
||||
|
||||
.fancybox-opened .fancybox-skin {
|
||||
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
|
||||
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
|
||||
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.fancybox-outer, .fancybox-inner {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.fancybox-inner {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.fancybox-type-iframe .fancybox-inner {
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
|
||||
.fancybox-error {
|
||||
color: #444;
|
||||
font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
|
||||
margin: 0;
|
||||
padding: 15px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.fancybox-image, .fancybox-iframe {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.fancybox-image {
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
}
|
||||
|
||||
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
|
||||
background-image: url(../images/fancybox/fancybox_sprite.png);
|
||||
}
|
||||
|
||||
#fancybox-loading {
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin-top: -22px;
|
||||
margin-left: -22px;
|
||||
background-position: 0 -108px;
|
||||
opacity: 0.8;
|
||||
cursor: pointer;
|
||||
z-index: 8060;
|
||||
}
|
||||
|
||||
#fancybox-loading div {
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
background: url(../images/fancybox/fancybox_loading.gif) center center no-repeat;
|
||||
}
|
||||
|
||||
.fancybox-close {
|
||||
position: absolute;
|
||||
top: -18px;
|
||||
right: -18px;
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
cursor: pointer;
|
||||
z-index: 8040;
|
||||
}
|
||||
|
||||
.fancybox-nav {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 40%;
|
||||
height: 100%;
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
background: transparent url(../images/fancybox/blank.gif); /* helps IE */
|
||||
-webkit-tap-highlight-color: rgba(0,0,0,0);
|
||||
z-index: 8040;
|
||||
}
|
||||
|
||||
.fancybox-prev {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.fancybox-next {
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.fancybox-nav span {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
width: 36px;
|
||||
height: 34px;
|
||||
margin-top: -18px;
|
||||
cursor: pointer;
|
||||
z-index: 8040;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.fancybox-prev span {
|
||||
left: 10px;
|
||||
background-position: 0 -36px;
|
||||
}
|
||||
|
||||
.fancybox-next span {
|
||||
right: 10px;
|
||||
background-position: 0 -72px;
|
||||
}
|
||||
|
||||
.fancybox-nav:hover span {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.fancybox-tmp {
|
||||
position: absolute;
|
||||
top: -99999px;
|
||||
left: -99999px;
|
||||
max-width: 99999px;
|
||||
max-height: 99999px;
|
||||
overflow: visible !important;
|
||||
}
|
||||
|
||||
/* Overlay helper */
|
||||
|
||||
.fancybox-lock {
|
||||
overflow: visible !important;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.fancybox-lock body {
|
||||
overflow: hidden !important;
|
||||
}
|
||||
|
||||
.fancybox-lock-test {
|
||||
overflow-y: hidden !important;
|
||||
}
|
||||
|
||||
.fancybox-overlay {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
overflow: hidden;
|
||||
display: none;
|
||||
z-index: 8010;
|
||||
background: url(../images/fancybox/fancybox_overlay.png);
|
||||
}
|
||||
|
||||
.fancybox-overlay-fixed {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.fancybox-lock .fancybox-overlay {
|
||||
overflow: auto;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
/* Title helper */
|
||||
|
||||
.fancybox-title {
|
||||
visibility: hidden;
|
||||
font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
|
||||
position: relative;
|
||||
text-shadow: none;
|
||||
z-index: 8050;
|
||||
}
|
||||
|
||||
.fancybox-opened .fancybox-title {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.fancybox-title-float-wrap {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 50%;
|
||||
margin-bottom: -35px;
|
||||
z-index: 8050;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.fancybox-title-float-wrap .child {
|
||||
display: inline-block;
|
||||
margin-right: -100%;
|
||||
padding: 2px 20px;
|
||||
background: transparent; /* Fallback for web browsers that doesn't support RGBa */
|
||||
background: rgba(0, 0, 0, 0.8);
|
||||
-webkit-border-radius: 15px;
|
||||
-moz-border-radius: 15px;
|
||||
border-radius: 15px;
|
||||
text-shadow: 0 1px 2px #222;
|
||||
color: #FFF;
|
||||
font-weight: bold;
|
||||
line-height: 24px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.fancybox-title-outside-wrap {
|
||||
position: relative;
|
||||
margin-top: 10px;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.fancybox-title-inside-wrap {
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
.fancybox-title-over-wrap {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
color: #fff;
|
||||
padding: 10px;
|
||||
background: #000;
|
||||
background: rgba(0, 0, 0, .8);
|
||||
}
|
||||
|
||||
/*Retina graphics!*/
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (min--moz-device-pixel-ratio: 1.5),
|
||||
only screen and (min-device-pixel-ratio: 1.5){
|
||||
|
||||
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
|
||||
background-image: url(../images/fancybox/fancybox_sprite@2x.png);
|
||||
background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
|
||||
}
|
||||
|
||||
#fancybox-loading div {
|
||||
background-image: url(../images/fancybox/fancybox_loading@2x.gif);
|
||||
background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
|
||||
}
|
||||
}
|
||||
@@ -1,492 +0,0 @@
|
||||
|
||||
.fl {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.fr {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.of {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.cl {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.fixDiv{
|
||||
position:fixed !important;
|
||||
top:0;
|
||||
left:0;
|
||||
z-index: 9999 !important;
|
||||
}
|
||||
|
||||
.header-b {
|
||||
background: url("../images/bg.jpg");
|
||||
height: 60px;
|
||||
background-size: 100% 100%;
|
||||
/* overflow: hidden; */
|
||||
line-height: 60px;
|
||||
z-index: 51;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.header-b .logo img {
|
||||
max-width: 300px;
|
||||
width: 80%;
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
.header-b ul {
|
||||
margin-right: 30px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.header-b ul li {
|
||||
float: left;
|
||||
font-size: 16px;
|
||||
padding: 0 10px;
|
||||
line-height: 57px;
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
.header-b ul li a img {
|
||||
height: 36px;
|
||||
line-height: 20px;
|
||||
display: inline-block;
|
||||
margin-top: -20px;
|
||||
}
|
||||
|
||||
.header-b ul li a p {
|
||||
line-height: 16px;
|
||||
color: #fff;
|
||||
margin-top: -24px;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.header-w {
|
||||
background-color: #0095ff;
|
||||
height: 60px;
|
||||
/* overflow: hidden; */
|
||||
line-height: 60px;
|
||||
z-index: 51;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.header-w .logo {
|
||||
height: 60px;
|
||||
}
|
||||
|
||||
.header-w .logo img {
|
||||
max-width: 300px;
|
||||
width: 80%;
|
||||
margin-top: 6px;
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
.header-w ul {
|
||||
margin-right: 30px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.header-w ul li {
|
||||
float: left;
|
||||
font-size: 16px;
|
||||
padding: 0 30px;
|
||||
line-height: 57px;
|
||||
}
|
||||
|
||||
.header {
|
||||
background-color: #fff;
|
||||
height: 60px;
|
||||
/* overflow: hidden; */
|
||||
line-height: 60px;
|
||||
z-index: 51;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
left: 0;
|
||||
top: 0;
|
||||
box-shadow: 0 0 5px 2px rgba(0, 0, 0, .1);
|
||||
/*-webkit-transition: all 0.2s ease;*/
|
||||
/*transition: all 0.2s ease;*/
|
||||
}
|
||||
|
||||
.header .logo {
|
||||
height: 60px;
|
||||
}
|
||||
|
||||
.header .logo img {
|
||||
margin-top: -3px;
|
||||
max-width: 300px;
|
||||
width: 80%;
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
.header ul {
|
||||
margin-right: 30px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.header ul li {
|
||||
float: left;
|
||||
font-size: 16px;
|
||||
padding: 0 30px;
|
||||
|
||||
line-height: 57px;
|
||||
}
|
||||
|
||||
.header_right {
|
||||
height: 60px;
|
||||
/*margin-right: 100px;*/
|
||||
}
|
||||
|
||||
.head-cur {
|
||||
/*background: #0077e6;*/
|
||||
/*color: #FFFFFF ;*/
|
||||
height: 58px;
|
||||
color: #0077e6 !important;
|
||||
border-bottom: 2px solid #0077e6;
|
||||
/*margin-top: -2px;*/
|
||||
}
|
||||
|
||||
.head-cur a {
|
||||
color: #0077e6;
|
||||
}
|
||||
|
||||
.header ul li a {
|
||||
padding: 0;
|
||||
display: block;
|
||||
line-height: 57px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.login_btn {
|
||||
float: left;
|
||||
color: #0077e6;
|
||||
font-size: 16px;
|
||||
font-weight: normal;
|
||||
padding: 0 8px;
|
||||
height: 16px;
|
||||
margin-top: 22px;
|
||||
line-height: 16px;
|
||||
}
|
||||
|
||||
.login_btn2 {
|
||||
float: left;
|
||||
color: #0077e6;
|
||||
font-size: 16px;
|
||||
font-weight: normal;
|
||||
padding: 0 8px;
|
||||
height: 16px;
|
||||
margin-top: 22px;
|
||||
border-left: 1.5px solid #0077e6;
|
||||
line-height: 16px;
|
||||
}
|
||||
|
||||
/*.header ul li a:hover {*/
|
||||
/*border-bottom: 3px solid #001c77;*/
|
||||
/*}*/
|
||||
|
||||
.header .right a {
|
||||
color: #1034aa;
|
||||
padding: 6px 25px;
|
||||
font-size: 16px;
|
||||
border: 1px solid #1034aa;
|
||||
line-height: 36px;
|
||||
height: 36px;
|
||||
border-radius: 26px;
|
||||
}
|
||||
|
||||
.head-nav {
|
||||
/*position: relative;*/
|
||||
width: 1280px;
|
||||
/*z-index: 9999;*/
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.head-nav-con {
|
||||
width: 1280px;
|
||||
margin: auto;
|
||||
/*position: absolute;*/
|
||||
}
|
||||
|
||||
.head-nav-con ul li {
|
||||
/*width: 100px;*/
|
||||
float: left;
|
||||
font-size: 16px;
|
||||
text-align: center;
|
||||
line-height: 57px;
|
||||
}
|
||||
|
||||
.nav > ul {
|
||||
*zoom: 1;
|
||||
*clear: both;
|
||||
}
|
||||
|
||||
.nav > ul:before, .nav > ul:after {
|
||||
display: table;
|
||||
clear: both;
|
||||
content: '';
|
||||
}
|
||||
|
||||
.nav > ul > li {
|
||||
/*width: 13%;*/
|
||||
/*float: left;*/
|
||||
/*margin-left: 1%;*/
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.nav > ul > li > a {
|
||||
display: block;
|
||||
white-space: nowrap;
|
||||
font-size: 16px;
|
||||
text-align: center;
|
||||
line-height: 60px;
|
||||
height: 60px;
|
||||
position: relative;
|
||||
/* font-weight: bold; */
|
||||
/*color: #313131;*/
|
||||
}
|
||||
|
||||
.nav > ul > li > a:after {
|
||||
content: '';
|
||||
/*display: block;*/
|
||||
width: 0;
|
||||
height: 2px;
|
||||
background-color: #117be5;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
bottom: 0;
|
||||
-webkit-transition: all 0.3s ease;
|
||||
transition: all 0.3s ease;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.nav > ul > li.cur > a:after, .nav > ul > li:hover > a:after {
|
||||
width: 100%;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.nav > ul > li.cur > a, .nav > ul > li:hover > a {
|
||||
/*color: #001c77;*/
|
||||
color: #0077e6;
|
||||
}
|
||||
|
||||
.nav > ul ul {
|
||||
width: 170px;
|
||||
/*border: #ccc 1px solid;*/
|
||||
/*border-top: #001c77 2px solid;*/
|
||||
background-color:#134a95;
|
||||
position: absolute;
|
||||
color: #fff;
|
||||
padding: 10px 0;
|
||||
/*left: 0;*/
|
||||
top: 60px;
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
left: 50%;
|
||||
margin-left: -75px; /* box-shadow:0 0 5px #333; */
|
||||
/*transition: all 0.25s ease 0s;*/
|
||||
/*-webkit-transform: translate(0, 20px);*/
|
||||
/*-moz-transform: translate(0, 20px);*/
|
||||
/*-ms-transform: translate(0, 20px);*/
|
||||
/*-o-transform: translate(0, 20px);*/
|
||||
/*-webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);*/
|
||||
/*-moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);*/
|
||||
/*-o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);*/
|
||||
/*transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);*/
|
||||
}
|
||||
|
||||
|
||||
.list {
|
||||
width: 1100px;
|
||||
background-color: #134a95;
|
||||
padding: 0 30px;
|
||||
color: #fff;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 60px;
|
||||
opacity: 0;
|
||||
overflow: hidden;
|
||||
visibility: hidden;
|
||||
left: 50%;
|
||||
margin-left: -600px; /* box-shadow:0 0 5px #333; */
|
||||
/*transition: all 0.25s ease 0s;*/
|
||||
/*-webkit-transform: translate(0, 20px);*/
|
||||
/*-moz-transform: translate(0, 20px);*/
|
||||
/*-ms-transform: translate(0, 20px);*/
|
||||
/*-o-transform: translate(0, 20px);*/
|
||||
/*-webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);*/
|
||||
/*-moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);*/
|
||||
/*-o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);*/
|
||||
/*transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);*/
|
||||
}
|
||||
.list .pd {
|
||||
float: left;
|
||||
width: 190px;
|
||||
overflow: hidden;
|
||||
margin: 10px 10px;
|
||||
}
|
||||
|
||||
.list h2{
|
||||
font-size: 14px;
|
||||
color: rgba(187, 208, 239, 0.96);
|
||||
line-height: 35px;
|
||||
float: left;
|
||||
padding-left: 30px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.list .pd li {
|
||||
width: 250px;
|
||||
padding-left: 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
|
||||
.list .pd ul{
|
||||
position: static;
|
||||
opacity: 1;
|
||||
margin-left: 0;
|
||||
border: none;
|
||||
border-top: none;
|
||||
width: 250px;}
|
||||
|
||||
.nav > ul ul li {
|
||||
width: 240px;
|
||||
padding-left: 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.nav > ul ul a {
|
||||
display: block;
|
||||
line-height: 22px;
|
||||
padding: 4px 30px;
|
||||
font-size: 13px;
|
||||
color: #fff;
|
||||
float: left;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.nav > ul ul a:after {
|
||||
content: '';
|
||||
display: block;
|
||||
width: 10px;
|
||||
height: 5px;
|
||||
overflow: hidden;
|
||||
background: url("../images/nav_arr.png") -10px 0 no-repeat;
|
||||
position: absolute;
|
||||
right: -15px;
|
||||
top: 12px;
|
||||
-webkit-transition: all 0.3s ease;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.nav > ul ul a:hover {
|
||||
/*background-color: #f9f9f9;*/
|
||||
color:#010e22;
|
||||
}
|
||||
|
||||
.nav > ul ul a:hover:after {
|
||||
background-position: 0 0;
|
||||
}
|
||||
|
||||
.nav > ul > li:hover ul {
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
/*-webkit-transform: translate(0, 0);*/
|
||||
/*-moz-transform: translate(0, 0);*/
|
||||
/*-ms-transform: translate(0, 0);*/
|
||||
/*-o-transform: translate(0, 0);*/
|
||||
}
|
||||
.nav > ul > li:hover .list {
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
/*-webkit-transform: translate(0, 0);*/
|
||||
/*-moz-transform: translate(0, 0);*/
|
||||
/*-ms-transform: translate(0, 0);*/
|
||||
/*-o-transform: translate(0, 0);*/
|
||||
}
|
||||
.nav .nav_svc .prd_svc {
|
||||
float: left;
|
||||
width: 225px;
|
||||
/* border-left: 1px solid #eee; */
|
||||
margin: 10px 10px;
|
||||
}
|
||||
|
||||
.nav .nav_svc .prd_svc h2 {
|
||||
font-size: 14px;
|
||||
color: rgba(187, 208, 239, 0.96);
|
||||
line-height: 35px;
|
||||
float: left;
|
||||
padding-left: 35px;
|
||||
font-weight: 500;
|
||||
/*padding-left: 32px;*/
|
||||
/*margin-top: -10px*/
|
||||
}
|
||||
|
||||
.nav .nav_svc {
|
||||
width: 1000px;
|
||||
/* border: #ccc 1px solid; */
|
||||
/* border-top: #001c77 2px solid; */
|
||||
background-color: #0156c4;
|
||||
padding: 0 30px;
|
||||
color: #fff;
|
||||
position: absolute;
|
||||
/* left: 0; */
|
||||
top: 80px;
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
/* left: 50%; */
|
||||
margin-left: -600px;
|
||||
/* box-shadow:0 0 5px #333; */
|
||||
/*-webkit-transform: translate(0, 20px);*/
|
||||
/*-moz-transform: translate(0, 20px);*/
|
||||
/*-ms-transform: translate(0, 20px);*/
|
||||
/*-o-transform: translate(0, 20px);*/
|
||||
/*-webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);*/
|
||||
/*-moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);*/
|
||||
/*-o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);*/
|
||||
/*transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);*/
|
||||
}
|
||||
|
||||
.nav .nav_svc .prd_svc ul {
|
||||
position: static;
|
||||
opacity: 1;
|
||||
margin-left: 0;
|
||||
border: none;
|
||||
border-top: none;
|
||||
width: 225px;
|
||||
}
|
||||
|
||||
.nav .nav_svc .prd_svc ul li {
|
||||
width: 225px;
|
||||
}
|
||||
|
||||
.nav > ul > li:hover .nav_svc {
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
-webkit-transform: translate(0, 0);
|
||||
-moz-transform: translate(0, 0);
|
||||
-ms-transform: translate(0, 0);
|
||||
-o-transform: translate(0, 0);
|
||||
}
|
||||
|
||||
.fix {
|
||||
*zoom: 1;
|
||||
*clear: both;
|
||||
}
|
||||
|
||||
.fix:before, .fix:after {
|
||||
display: table;
|
||||
clear: both;
|
||||
content: '';
|
||||
}
|
||||
@@ -1,89 +0,0 @@
|
||||
.odometer.odometer-auto-theme, .odometer.odometer-theme-default {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
*vertical-align: auto;
|
||||
*zoom: 1;
|
||||
*display: inline;
|
||||
position: relative;
|
||||
}
|
||||
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default .odometer-digit {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
*vertical-align: auto;
|
||||
*zoom: 1;
|
||||
*display: inline;
|
||||
position: relative;
|
||||
}
|
||||
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
*vertical-align: auto;
|
||||
*zoom: 1;
|
||||
*display: inline;
|
||||
visibility: hidden;
|
||||
}
|
||||
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
|
||||
text-align: left;
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
|
||||
display: block;
|
||||
}
|
||||
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
|
||||
display: block;
|
||||
-webkit-backface-visibility: hidden;
|
||||
}
|
||||
.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-default .odometer-digit .odometer-value {
|
||||
display: block;
|
||||
-webkit-transform: translateZ(0);
|
||||
}
|
||||
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
|
||||
position: absolute;
|
||||
}
|
||||
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
|
||||
-webkit-transition: -webkit-transform 2s;
|
||||
-moz-transition: -moz-transform 2s;
|
||||
-ms-transition: -ms-transform 2s;
|
||||
-o-transition: -o-transform 2s;
|
||||
transition: transform 2s;
|
||||
}
|
||||
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
|
||||
-webkit-transform: translateY(-100%);
|
||||
-moz-transform: translateY(-100%);
|
||||
-ms-transform: translateY(-100%);
|
||||
-o-transform: translateY(-100%);
|
||||
transform: translateY(-100%);
|
||||
}
|
||||
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
|
||||
-webkit-transform: translateY(-100%);
|
||||
-moz-transform: translateY(-100%);
|
||||
-ms-transform: translateY(-100%);
|
||||
-o-transform: translateY(-100%);
|
||||
transform: translateY(-100%);
|
||||
}
|
||||
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
|
||||
-webkit-transition: -webkit-transform 2s;
|
||||
-moz-transition: -moz-transform 2s;
|
||||
-ms-transition: -ms-transform 2s;
|
||||
-o-transition: -o-transform 2s;
|
||||
transition: transform 2s;
|
||||
-webkit-transform: translateY(0);
|
||||
-moz-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
-o-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
.odometer.odometer-auto-theme, .odometer.odometer-theme-default {
|
||||
font-family: Helvetica, 'Hiragino Sans GB', 'Microsoft Yahei', '微软雅黑', Arial, sans-serif;
|
||||
line-height: 1.1em;
|
||||
}
|
||||
.odometer.odometer-auto-theme .odometer-value, .odometer.odometer-theme-default .odometer-value {
|
||||
text-align: center;
|
||||
}
|
||||
@@ -1,216 +0,0 @@
|
||||
/*
|
||||
* Owl Carousel - Animate Plugin
|
||||
*/
|
||||
.owl-carousel .animated {
|
||||
-webkit-animation-duration: 1000ms;
|
||||
animation-duration: 1000ms;
|
||||
-webkit-animation-fill-mode: both;
|
||||
animation-fill-mode: both;
|
||||
}
|
||||
.owl-carousel .owl-animated-in {
|
||||
z-index: 0;
|
||||
}
|
||||
.owl-carousel .owl-animated-out {
|
||||
z-index: 1;
|
||||
}
|
||||
.owl-carousel .fadeOut {
|
||||
-webkit-animation-name: fadeOut;
|
||||
animation-name: fadeOut;
|
||||
}
|
||||
|
||||
@-webkit-keyframes fadeOut {
|
||||
0% {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
@keyframes fadeOut {
|
||||
0% {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* Owl Carousel - Auto Height Plugin
|
||||
*/
|
||||
.owl-height {
|
||||
-webkit-transition: height 500ms ease-in-out;
|
||||
-moz-transition: height 500ms ease-in-out;
|
||||
-ms-transition: height 500ms ease-in-out;
|
||||
-o-transition: height 500ms ease-in-out;
|
||||
transition: height 500ms ease-in-out;
|
||||
}
|
||||
|
||||
/*
|
||||
* Core Owl Carousel CSS File
|
||||
*/
|
||||
.owl-carousel {
|
||||
display: none;
|
||||
width: 100%;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
/* position relative and z-index fix webkit rendering fonts issue */
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
.owl-carousel .owl-stage {
|
||||
position: relative;
|
||||
-ms-touch-action: pan-Y;
|
||||
}
|
||||
.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;
|
||||
/* fix for flashing background */
|
||||
-webkit-transform: translate3d(0px, 0px, 0px);
|
||||
}
|
||||
.owl-carousel .owl-controls .owl-nav .owl-prev,
|
||||
.owl-carousel .owl-controls .owl-nav .owl-next,
|
||||
.owl-carousel .owl-controls .owl-dot {
|
||||
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-loaded {
|
||||
display: block;
|
||||
}
|
||||
.owl-carousel.owl-loading {
|
||||
opacity: 0;
|
||||
display: block;
|
||||
}
|
||||
.owl-carousel.owl-hidden {
|
||||
opacity: 0;
|
||||
}
|
||||
.owl-carousel .owl-refresh .owl-item {
|
||||
display: none;
|
||||
}
|
||||
.owl-carousel .owl-item {
|
||||
position: relative;
|
||||
min-height: 1px;
|
||||
float: left;
|
||||
-webkit-backface-visibility: hidden;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.owl-carousel .owl-item img {
|
||||
display: block;
|
||||
width: 100%;
|
||||
-webkit-transform-style: preserve-3d;
|
||||
}
|
||||
.owl-carousel.owl-text-select-on .owl-item {
|
||||
-webkit-user-select: auto;
|
||||
-moz-user-select: auto;
|
||||
-ms-user-select: auto;
|
||||
user-select: auto;
|
||||
}
|
||||
.owl-carousel .owl-grab {
|
||||
cursor: move;
|
||||
cursor: -webkit-grab;
|
||||
cursor: -o-grab;
|
||||
cursor: -ms-grab;
|
||||
cursor: grab;
|
||||
}
|
||||
.owl-carousel.owl-rtl {
|
||||
direction: rtl;
|
||||
}
|
||||
.owl-carousel.owl-rtl .owl-item {
|
||||
float: right;
|
||||
}
|
||||
|
||||
/* No Js */
|
||||
.no-js .owl-carousel {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/*
|
||||
* Owl Carousel - Lazy Load Plugin
|
||||
*/
|
||||
.owl-carousel .owl-item .owl-lazy {
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity 400ms ease;
|
||||
-moz-transition: opacity 400ms ease;
|
||||
-ms-transition: opacity 400ms ease;
|
||||
-o-transition: opacity 400ms ease;
|
||||
transition: opacity 400ms ease;
|
||||
}
|
||||
.owl-carousel .owl-item img {
|
||||
transform-style: preserve-3d;
|
||||
}
|
||||
|
||||
/*
|
||||
* Owl Carousel - Video Plugin
|
||||
*/
|
||||
.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;
|
||||
-webkit-transition: scale 100ms ease;
|
||||
-moz-transition: scale 100ms ease;
|
||||
-ms-transition: scale 100ms ease;
|
||||
-o-transition: scale 100ms ease;
|
||||
transition: scale 100ms ease;
|
||||
}
|
||||
.owl-carousel .owl-video-play-icon:hover {
|
||||
-webkit-transition: scale(1.3, 1.3);
|
||||
-moz-transition: scale(1.3, 1.3);
|
||||
-ms-transition: scale(1.3, 1.3);
|
||||
-o-transition: scale(1.3, 1.3);
|
||||
transition: scale(1.3, 1.3);
|
||||
}
|
||||
.owl-carousel .owl-video-playing .owl-video-tn,
|
||||
.owl-carousel .owl-video-playing .owl-video-play-icon {
|
||||
display: none;
|
||||
}
|
||||
.owl-carousel .owl-video-tn {
|
||||
opacity: 0;
|
||||
height: 100%;
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
-webkit-background-size: contain;
|
||||
-moz-background-size: contain;
|
||||
-o-background-size: contain;
|
||||
background-size: contain;
|
||||
-webkit-transition: opacity 400ms ease;
|
||||
-moz-transition: opacity 400ms ease;
|
||||
-ms-transition: opacity 400ms ease;
|
||||
-o-transition: opacity 400ms ease;
|
||||
transition: opacity 400ms ease;
|
||||
}
|
||||
.owl-carousel .owl-video-frame {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
@@ -1 +0,0 @@
|
||||
.owl-theme .owl-controls{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-controls .owl-nav [class*=owl-]{color:#fff;font-size:14px;margin:5px;padding:4px 7px;background:#d6d6d6;display:inline-block;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.owl-theme .owl-controls .owl-nav [class*=owl-]:hover{background:#869791;color:#fff;text-decoration:none}.owl-theme .owl-controls .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#d6d6d6;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
|
||||
@@ -1,163 +0,0 @@
|
||||
/*
|
||||
* Owl Carousel CSS3 Transitions
|
||||
* v1.3.2
|
||||
*/
|
||||
|
||||
.owl-origin {
|
||||
-webkit-perspective: 1200px;
|
||||
-webkit-perspective-origin-x : 50%;
|
||||
-webkit-perspective-origin-y : 50%;
|
||||
-moz-perspective : 1200px;
|
||||
-moz-perspective-origin-x : 50%;
|
||||
-moz-perspective-origin-y : 50%;
|
||||
perspective : 1200px;
|
||||
}
|
||||
/* fade */
|
||||
.owl-fade-out {
|
||||
z-index: 10;
|
||||
-webkit-animation: fadeOut .7s both ease;
|
||||
-moz-animation: fadeOut .7s both ease;
|
||||
animation: fadeOut .7s both ease;
|
||||
}
|
||||
.owl-fade-in {
|
||||
-webkit-animation: fadeIn .7s both ease;
|
||||
-moz-animation: fadeIn .7s both ease;
|
||||
animation: fadeIn .7s both ease;
|
||||
}
|
||||
/* backSlide */
|
||||
.owl-backSlide-out {
|
||||
-webkit-animation: backSlideOut 1s both ease;
|
||||
-moz-animation: backSlideOut 1s both ease;
|
||||
animation: backSlideOut 1s both ease;
|
||||
}
|
||||
.owl-backSlide-in {
|
||||
-webkit-animation: backSlideIn 1s both ease;
|
||||
-moz-animation: backSlideIn 1s both ease;
|
||||
animation: backSlideIn 1s both ease;
|
||||
}
|
||||
/* goDown */
|
||||
.owl-goDown-out {
|
||||
-webkit-animation: scaleToFade .7s ease both;
|
||||
-moz-animation: scaleToFade .7s ease both;
|
||||
animation: scaleToFade .7s ease both;
|
||||
}
|
||||
.owl-goDown-in {
|
||||
-webkit-animation: goDown .6s ease both;
|
||||
-moz-animation: goDown .6s ease both;
|
||||
animation: goDown .6s ease both;
|
||||
}
|
||||
/* scaleUp */
|
||||
.owl-fadeUp-in {
|
||||
-webkit-animation: scaleUpFrom .5s ease both;
|
||||
-moz-animation: scaleUpFrom .5s ease both;
|
||||
animation: scaleUpFrom .5s ease both;
|
||||
}
|
||||
|
||||
.owl-fadeUp-out {
|
||||
-webkit-animation: scaleUpTo .5s ease both;
|
||||
-moz-animation: scaleUpTo .5s ease both;
|
||||
animation: scaleUpTo .5s ease both;
|
||||
}
|
||||
/* Keyframes */
|
||||
/*empty*/
|
||||
@-webkit-keyframes empty {
|
||||
0% {opacity: 1}
|
||||
}
|
||||
@-moz-keyframes empty {
|
||||
0% {opacity: 1}
|
||||
}
|
||||
@keyframes empty {
|
||||
0% {opacity: 1}
|
||||
}
|
||||
@-webkit-keyframes fadeIn {
|
||||
0% { opacity:0; }
|
||||
100% { opacity:1; }
|
||||
}
|
||||
@-moz-keyframes fadeIn {
|
||||
0% { opacity:0; }
|
||||
100% { opacity:1; }
|
||||
}
|
||||
@keyframes fadeIn {
|
||||
0% { opacity:0; }
|
||||
100% { opacity:1; }
|
||||
}
|
||||
@-webkit-keyframes fadeOut {
|
||||
0% { opacity:1; }
|
||||
100% { opacity:0; }
|
||||
}
|
||||
@-moz-keyframes fadeOut {
|
||||
0% { opacity:1; }
|
||||
100% { opacity:0; }
|
||||
}
|
||||
@keyframes fadeOut {
|
||||
0% { opacity:1; }
|
||||
100% { opacity:0; }
|
||||
}
|
||||
@-webkit-keyframes backSlideOut {
|
||||
25% { opacity: .5; -webkit-transform: translateZ(-500px); }
|
||||
75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
|
||||
100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
|
||||
}
|
||||
@-moz-keyframes backSlideOut {
|
||||
25% { opacity: .5; -moz-transform: translateZ(-500px); }
|
||||
75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
|
||||
100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
|
||||
}
|
||||
@keyframes backSlideOut {
|
||||
25% { opacity: .5; transform: translateZ(-500px); }
|
||||
75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
|
||||
100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
|
||||
}
|
||||
@-webkit-keyframes backSlideIn {
|
||||
0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
|
||||
75% { opacity: .5; -webkit-transform: translateZ(-500px); }
|
||||
100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
|
||||
}
|
||||
@-moz-keyframes backSlideIn {
|
||||
0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
|
||||
75% { opacity: .5; -moz-transform: translateZ(-500px); }
|
||||
100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
|
||||
}
|
||||
@keyframes backSlideIn {
|
||||
0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
|
||||
75% { opacity: .5; transform: translateZ(-500px); }
|
||||
100% { opacity: 1; transform: translateZ(0) translateX(0); }
|
||||
}
|
||||
@-webkit-keyframes scaleToFade {
|
||||
to { opacity: 0; -webkit-transform: scale(.8); }
|
||||
}
|
||||
@-moz-keyframes scaleToFade {
|
||||
to { opacity: 0; -moz-transform: scale(.8); }
|
||||
}
|
||||
@keyframes scaleToFade {
|
||||
to { opacity: 0; transform: scale(.8); }
|
||||
}
|
||||
@-webkit-keyframes goDown {
|
||||
from { -webkit-transform: translateY(-100%); }
|
||||
}
|
||||
@-moz-keyframes goDown {
|
||||
from { -moz-transform: translateY(-100%); }
|
||||
}
|
||||
@keyframes goDown {
|
||||
from { transform: translateY(-100%); }
|
||||
}
|
||||
|
||||
@-webkit-keyframes scaleUpFrom {
|
||||
from { opacity: 0; -webkit-transform: scale(1.5); }
|
||||
}
|
||||
@-moz-keyframes scaleUpFrom {
|
||||
from { opacity: 0; -moz-transform: scale(1.5); }
|
||||
}
|
||||
@keyframes scaleUpFrom {
|
||||
from { opacity: 0; transform: scale(1.5); }
|
||||
}
|
||||
|
||||
@-webkit-keyframes scaleUpTo {
|
||||
to { opacity: 0; -webkit-transform: scale(1.5); }
|
||||
}
|
||||
@-moz-keyframes scaleUpTo {
|
||||
to { opacity: 0; -moz-transform: scale(1.5); }
|
||||
}
|
||||
@keyframes scaleUpTo {
|
||||
to { opacity: 0; transform: scale(1.5); }
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
@@ -1,204 +0,0 @@
|
||||
@charset 'UTF-8';
|
||||
/* Slider */
|
||||
.slick-loading .slick-list
|
||||
{
|
||||
background: #fff url('../images/ajax-loader.gif') center center no-repeat;
|
||||
}
|
||||
|
||||
/* Icons */
|
||||
@font-face
|
||||
{
|
||||
font-family: 'slick';
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
|
||||
src: url('../fonts/slick.eot');
|
||||
src: url('../fonts/slick.eot?#iefix') format('embedded-opentype'), url('../fonts/slick.woff') format('woff'), url('../fonts/slick.ttf') format('truetype'), url('../fonts/slick.svg#slick') format('svg');
|
||||
}
|
||||
/* Arrows */
|
||||
.slick-prev,
|
||||
.slick-next
|
||||
{
|
||||
font-size: 0;
|
||||
line-height: 0;
|
||||
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
|
||||
display: block;
|
||||
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
padding: 0;
|
||||
-webkit-transform: translate(0, -50%);
|
||||
-ms-transform: translate(0, -50%);
|
||||
transform: translate(0, -50%);
|
||||
|
||||
cursor: pointer;
|
||||
|
||||
color: transparent;
|
||||
border: none;
|
||||
outline: none;
|
||||
background: transparent;
|
||||
}
|
||||
.slick-prev:hover,
|
||||
.slick-prev:focus,
|
||||
.slick-next:hover,
|
||||
.slick-next:focus
|
||||
{
|
||||
color: transparent;
|
||||
outline: none;
|
||||
background: transparent;
|
||||
}
|
||||
.slick-prev:hover:before,
|
||||
.slick-prev:focus:before,
|
||||
.slick-next:hover:before,
|
||||
.slick-next:focus:before
|
||||
{
|
||||
opacity: 1;
|
||||
}
|
||||
.slick-prev.slick-disabled:before,
|
||||
.slick-next.slick-disabled:before
|
||||
{
|
||||
opacity: .25;
|
||||
}
|
||||
|
||||
.slick-prev:before,
|
||||
.slick-next:before
|
||||
{
|
||||
font-family: 'slick';
|
||||
font-size: 20px;
|
||||
line-height: 1;
|
||||
|
||||
opacity: .75;
|
||||
color: white;
|
||||
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.slick-prev
|
||||
{
|
||||
left: -25px;
|
||||
}
|
||||
[dir='rtl'] .slick-prev
|
||||
{
|
||||
right: -25px;
|
||||
left: auto;
|
||||
}
|
||||
.slick-prev:before
|
||||
{
|
||||
content: '←';
|
||||
}
|
||||
[dir='rtl'] .slick-prev:before
|
||||
{
|
||||
content: '→';
|
||||
}
|
||||
|
||||
.slick-next
|
||||
{
|
||||
right: -25px;
|
||||
}
|
||||
[dir='rtl'] .slick-next
|
||||
{
|
||||
right: auto;
|
||||
left: -25px;
|
||||
}
|
||||
.slick-next:before
|
||||
{
|
||||
content: '→';
|
||||
}
|
||||
[dir='rtl'] .slick-next:before
|
||||
{
|
||||
content: '←';
|
||||
}
|
||||
|
||||
/* Dots */
|
||||
.slick-dotted.slick-slider
|
||||
{
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
@@ -1,117 +0,0 @@
|
||||
/* 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;
|
||||
}
|
||||
.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;
|
||||
}
|
||||
@@ -1,48 +0,0 @@
|
||||
|
||||
|
||||
/*经典案例*/
|
||||
/*关于我们*/
|
||||
.ti{
|
||||
margin: 40px 0;}
|
||||
|
||||
.main2 {
|
||||
|
||||
padding: 40px 0 50px 0;
|
||||
|
||||
}
|
||||
|
||||
.main2 dl {
|
||||
width: 33%;
|
||||
margin: 0 1.1%;
|
||||
float: left;
|
||||
text-align: center;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.main2 dl img {
|
||||
width: 120px;
|
||||
text-align: center;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.main2 dl dt {
|
||||
|
||||
font-size: 14px;
|
||||
width: 85%;
|
||||
text-align: center;
|
||||
margin: 10px auto;
|
||||
color: #666;
|
||||
line-height: 26px;
|
||||
|
||||
}
|
||||
|
||||
.main2 dl .tit {
|
||||
font-size: 18px;
|
||||
line-height: 50px;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*新加导航下拉*/
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
12
assets_backup/css/swiper.min.css
vendored
12
assets_backup/css/swiper.min.css
vendored
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
@@ -1,430 +0,0 @@
|
||||
/* ============================================
|
||||
智慧时间轴组件 - 横向展开式
|
||||
Smart Timeline Component - Horizontal Expansion
|
||||
============================================ */
|
||||
|
||||
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&family=Oswald:wght@400;700&display=swap');
|
||||
|
||||
:root {
|
||||
--tl-bg-color: #f8fafc;
|
||||
--tl-line-color: rgba(20, 129, 255, 0.3);
|
||||
--tl-active-color: #1481ff;
|
||||
--tl-text-color: #2a3e5d;
|
||||
--tl-year-color: #102541;
|
||||
--tl-transition-speed: 0.5s;
|
||||
}
|
||||
|
||||
/* Section 容器 */
|
||||
.timeline-section {
|
||||
width: 100%;
|
||||
background-image:
|
||||
radial-gradient(circle at 10% 20%, rgba(20, 129, 255, 0.08) 0%, transparent 20%),
|
||||
radial-gradient(circle at 90% 80%, rgba(20, 129, 255, 0.05) 0%, transparent 20%);
|
||||
font-family: 'Noto Sans SC', sans-serif;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 60px 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* 标题样式 */
|
||||
.timeline-title {
|
||||
color: var(--tl-year-color);
|
||||
letter-spacing: 4px;
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
font-size: 36px;
|
||||
opacity: 0.9;
|
||||
margin-bottom: 10px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* 主容器 */
|
||||
.timeline-container {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
height: 20vh;
|
||||
min-height: 500px;
|
||||
align-items: stretch;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* 主轴线 */
|
||||
.timeline-line {
|
||||
position: absolute;
|
||||
top: 66.67%;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
background: linear-gradient(90deg,
|
||||
transparent 0%,
|
||||
var(--tl-line-color) 5%,
|
||||
var(--tl-line-color) 95%,
|
||||
transparent 100%);
|
||||
z-index: 0;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
/* 时间节点 */
|
||||
.timeline-item {
|
||||
position: relative;
|
||||
flex: 1;
|
||||
transition: flex var(--tl-transition-speed) cubic-bezier(0.25, 0.1, 0.25, 1);
|
||||
border-right: 1px solid rgba(20, 129, 255, 0.1);
|
||||
cursor: pointer;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.timeline-item:last-child {
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
.timeline-item:hover {
|
||||
flex: 10;
|
||||
background: linear-gradient(90deg, rgba(20, 129, 255, 0.08) 0%, transparent 100%);
|
||||
}
|
||||
|
||||
.timeline-container:hover .timeline-item:not(:hover) {
|
||||
opacity: 0.4;
|
||||
}
|
||||
|
||||
/* 节点圆点 */
|
||||
.dot {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
background-color: var(--tl-active-color);
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
top: 66.67%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
box-shadow: 0 0 10px var(--tl-active-color);
|
||||
transition: all var(--tl-transition-speed);
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.timeline-item:hover .dot {
|
||||
background-color: var(--tl-active-color);
|
||||
transform: translate(-50%, -50%) scale(1.5);
|
||||
box-shadow: 0 0 20px rgba(20, 129, 255, 0.6);
|
||||
}
|
||||
|
||||
/* 竖向年份标签 */
|
||||
.year-label {
|
||||
position: absolute;
|
||||
top: calc(66.67% + 15px);
|
||||
left: 50%;
|
||||
transform-origin: 0 0;
|
||||
transform: rotate(90deg);
|
||||
|
||||
font-family: 'Oswald', sans-serif;
|
||||
font-size: 14px;
|
||||
color: var(--tl-year-color);
|
||||
white-space: nowrap;
|
||||
transition: all 0.3s;
|
||||
letter-spacing: 1px;
|
||||
opacity: 0.8;
|
||||
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
/* 竖向文字中的简短描述 */
|
||||
.short-desc {
|
||||
font-family: 'Noto Sans SC', sans-serif;
|
||||
font-size: 12px;
|
||||
opacity: 0.6;
|
||||
font-weight: 300;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
/* Hover 状态下：标签变大并移到底部背景 */
|
||||
.timeline-item:hover .year-label {
|
||||
top: auto;
|
||||
bottom: -10px;
|
||||
left: 20px;
|
||||
transform: rotate(0deg);
|
||||
font-size: 4rem;
|
||||
font-weight: 700;
|
||||
opacity: 0.08;
|
||||
color: var(--tl-active-color);
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
/* Hover时隐藏简述 */
|
||||
.timeline-item:hover .short-desc {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* 内容区域 - 固定在时间轴线上方 */
|
||||
.content {
|
||||
opacity: 0;
|
||||
transform: translateY(20px);
|
||||
transition: all 0.4s ease 0.1s;
|
||||
padding: 0 40px;
|
||||
color: var(--tl-text-color);
|
||||
position: absolute;
|
||||
|
||||
bottom: 36%;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
|
||||
text-align: left;
|
||||
pointer-events: none;
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.timeline-item:hover .content {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
.content-date {
|
||||
display: block;
|
||||
color: var(--tl-active-color);
|
||||
font-family: 'Oswald', sans-serif;
|
||||
font-size: 2rem;
|
||||
margin-bottom: 15px;
|
||||
font-weight: bold;
|
||||
text-shadow: 0 0 20px rgba(20, 129, 255, 0.2);
|
||||
}
|
||||
|
||||
.content-text {
|
||||
font-size:0.9rem;
|
||||
line-height: 1.8;
|
||||
border-left: 3px solid var(--tl-active-color);
|
||||
padding-left: 20px;
|
||||
max-width: 650px;
|
||||
background: linear-gradient(90deg, rgba(20, 129, 255, 0.08) 0%, transparent 100%);
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
border-radius: 0 4px 4px 0;
|
||||
}
|
||||
|
||||
.content-text p {
|
||||
margin: 0 0 8px 0;
|
||||
}
|
||||
|
||||
.content-text p:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
/* 重要节点高亮 */
|
||||
.timeline-item.highlight .dot {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
box-shadow: 0 0 15px var(--tl-active-color), 0 0 30px var(--tl-active-color);
|
||||
}
|
||||
|
||||
.timeline-item.highlight .year-label {
|
||||
color: var(--tl-active-color);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* ============================================
|
||||
自动轮播展开效果（与hover效果一致）
|
||||
============================================ */
|
||||
.timeline-item.auto-expanded {
|
||||
flex: 10;
|
||||
background: linear-gradient(90deg, rgba(20, 129, 255, 0.08) 0%, transparent 100%);
|
||||
}
|
||||
|
||||
.timeline-container:has(.auto-expanded) .timeline-item:not(.auto-expanded) {
|
||||
opacity: 0.4;
|
||||
}
|
||||
|
||||
.timeline-item.auto-expanded .dot {
|
||||
background-color: var(--tl-active-color);
|
||||
transform: translate(-50%, -50%) scale(1.5);
|
||||
box-shadow: 0 0 20px rgba(20, 129, 255, 0.6);
|
||||
}
|
||||
|
||||
.timeline-item.auto-expanded .year-label {
|
||||
top: auto;
|
||||
bottom: -10px;
|
||||
left: 20px;
|
||||
transform: rotate(0deg);
|
||||
font-size: 4rem;
|
||||
font-weight: 700;
|
||||
opacity: 0.08;
|
||||
color: var(--tl-active-color);
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.timeline-item.auto-expanded .short-desc {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.timeline-item.auto-expanded .content {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
/* ============================================
|
||||
响应式设计
|
||||
============================================ */
|
||||
@media (max-width: 1200px) {
|
||||
.timeline-container {
|
||||
width: 100%;
|
||||
height: 20vh;
|
||||
min-height: 500px;
|
||||
}
|
||||
|
||||
.year-label {
|
||||
font-size: 12px;
|
||||
top: calc(66.67% + 15px);
|
||||
}
|
||||
|
||||
.short-desc {
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
.content-text {
|
||||
font-size: 1rem;
|
||||
max-width: 500px;
|
||||
}
|
||||
|
||||
.content-date {
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.timeline-section {
|
||||
padding: 40px 0;
|
||||
min-height: auto;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.timeline-container {
|
||||
width: 100%;
|
||||
height: 20vh;
|
||||
min-height: 500px;
|
||||
overflow-x: auto;
|
||||
overflow-y: visible;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
|
||||
.timeline-item {
|
||||
min-width: 80px;
|
||||
flex: none;
|
||||
}
|
||||
|
||||
.timeline-item:hover {
|
||||
flex: none;
|
||||
min-width: 350px;
|
||||
}
|
||||
|
||||
.content {
|
||||
padding: 0 20px;
|
||||
}
|
||||
|
||||
.content-text {
|
||||
font-size: 0.9rem;
|
||||
max-width: 300px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.timeline-title {
|
||||
font-size: 18px;
|
||||
letter-spacing: 2px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.timeline-container {
|
||||
height: 70vh;
|
||||
}
|
||||
|
||||
.timeline-item {
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
.timeline-item:hover {
|
||||
min-width: 280px;
|
||||
}
|
||||
|
||||
.year-label {
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.short-desc {
|
||||
font-size: 9px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.content {
|
||||
padding: 0 15px;
|
||||
}
|
||||
|
||||
.content-date {
|
||||
font-size: 1.4rem;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.content-text {
|
||||
font-size: 0.85rem;
|
||||
padding-left: 15px;
|
||||
max-width: 250px;
|
||||
}
|
||||
|
||||
.dot {
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 576px) {
|
||||
.timeline-section {
|
||||
padding: 30px 0;
|
||||
}
|
||||
|
||||
.timeline-title {
|
||||
font-size: 16px;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
.timeline-container {
|
||||
height: 60vh;
|
||||
}
|
||||
|
||||
.timeline-item {
|
||||
min-width: 50px;
|
||||
}
|
||||
|
||||
.timeline-item:hover {
|
||||
min-width: 220px;
|
||||
}
|
||||
|
||||
.year-label {
|
||||
font-size: 10px;
|
||||
top: calc(66.67% + 12px);
|
||||
}
|
||||
|
||||
.content-date {
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
.content-text {
|
||||
font-size: 0.8rem;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.timeline-item:hover .year-label {
|
||||
font-size: 2.5rem;
|
||||
bottom: -30px;
|
||||
left: 10px;
|
||||
}
|
||||
}
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@@ -1 +0,0 @@
|
||||
<?xml version="1.0" encoding="utf-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg id="012-cruise" width="128" height="128" style="width:128px;height:128px;" version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve"><path fill="#666" d="M401.64 294.28 q7.98 5.98 3 14.46 q-4.99 8.48 -13.96 2.49 l-63.84 -39.9 q-8.98 -4.99 -3.49 -13.46 q5.48 -8.48 13.46 -3.5 l64.84 39.91 ZM297.9 232.43 q4.98 0 7.98 4.99 q3 4.98 0 9.97 q-3 4.99 -7.98 4.99 q-3 0 -4.99 -2 q-3.99 -1.99 -4.99 -5.98 q-1 -3.99 2 -7.98 q3 -3.99 7.98 -3.99 ZM181.18 254.37 q7.98 -4.98 13.47 3.5 q5.49 8.47 -3.49 13.46 l-63.84 39.9 q-2 2 -4.99 2 q-5.99 0 -8.98 -4.99 q-4.99 -7.98 2.99 -12.97 l64.84 -40.9 ZM220.09 231.43 q3.99 0 7.48 3.99 q3.49 3.99 1.5 7.98 q-1 7.98 -8.98 7.98 q-4.99 0 -7.98 -3.49 q-2.99 -3.49 -2 -8.48 q2 -7.98 9.98 -7.98 ZM494.41 452.89 q7.98 -5.99 14.46 1.49 q6.49 7.48 -0.5 14.47 q-25.94 20.95 -41.9 25.93 q-28.93 7.98 -54.86 -4.98 q-23.94 -11.98 -41.9 -10.98 q-9.98 1 -40.9 16.96 q-32.92 15.96 -65.84 0 l-24.94 -11.97 q-9.97 -6.98 -23.94 -4.99 q-13.97 2 -21.94 4.99 q-7.98 2.99 -20.95 9.98 q-34.92 17.95 -79.81 -3.99 q-32.91 -16.96 -73.81 18.95 q-7.98 5.98 -14.46 -1.5 q-6.48 -7.48 0.5 -14.46 q38.91 -32.92 72.82 -28.93 q18.96 2.99 18.96 5.98 l-51.88 -174.57 q-1.99 -7.98 4.99 -11.97 l47.88 -28.93 l0 -84.79 q0 -9.97 9.98 -9.97 l19.95 0 l0 -29.93 q0 -9.97 9.97 -9.97 l31.93 0 l0 -29.93 q0 -9.98 9.97 -9.98 l47.88 0 l0 -69.82 q0 -9.98 9.98 -9.98 l39.9 0 q9.98 0 9.98 9.98 l0 69.82 l47.88 0 q9.97 0 9.97 9.98 l0 29.93 l31.93 0 q9.97 0 9.97 9.97 l0 29.93 l19.95 0 q9.98 0 9.98 9.97 l0 84.79 l47.88 28.93 q6.98 3.99 4.99 11.97 l-51.88 174.57 q22.95 11.97 43.9 5.99 q11.97 -2.99 33.91 -22.94 ZM395.66 179.56 l-103.75 0 l103.75 62.84 l0 -62.84 ZM246.02 19.95 l0 59.85 l19.96 0 l0 -59.85 l-19.96 0 ZM188.17 99.75 l0 19.96 l135.66 0 l0 -19.96 l-135.66 0 ZM116.34 179.56 l0 62.84 l103.75 -62.84 l-103.75 0 ZM246.02 465.85 l0 -278.31 l-180.55 109.73 l53.87 183.55 q11.97 2.99 22.94 0.99 q9.98 -0.99 35.91 -13.96 q23.94 -12.97 51.87 -6.98 q15.96 2.99 15.96 4.98 ZM146.27 159.61 l219.46 0 l0 -19.95 l-219.46 0 l0 19.95 ZM397.65 461.86 l48.88 -164.59 l-180.55 -109.73 l0 288.29 q29.92 13.97 53.86 1.99 q2 -0.99 9.48 -4.98 q7.48 -3.99 9.98 -4.99 q2.5 -1 8.48 -3.5 q5.99 -2.5 10.48 -3.49 q4.49 -1 9.48 -2 q3.99 0 16.95 0.5 q12.96 0.5 12.96 2.49 Z"/></svg>
|
||||
|
Before Width: | Height: | Size: 2.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 69 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 82 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 386 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 877 B |
Binary file not shown.
|
Before Width: | Height: | Size: 890 B |
Binary file not shown.
|
Before Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 978 B |
Binary file not shown.
|
Before Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 6.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 6.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 836 B |
Binary file not shown.
|
Before Width: | Height: | Size: 3.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 7.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 915 B |
Binary file not shown.
|
Before Width: | Height: | Size: 5.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 6.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 7.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 424 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 1.2 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 846 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.3 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.0 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.0 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 919 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 276 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.3 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.5 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 503 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 131 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.6 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.1 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.9 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.8 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 13 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 17 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 241 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 20 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 KiB |
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user