压缩图片
This commit is contained in:
254
assets_backup/css/css.css
Normal file
254
assets_backup/css/css.css
Normal file
@@ -0,0 +1,254 @@
|
||||
@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
|
||||
}
|
||||
Reference in New Issue
Block a user