软测单独项目
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

612 lines
9.2 KiB

@charset "utf-8";
/*--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
}
.mr10 {
margin-right:10px
}
.m20 {
margin-left:5%;
_margin-left:4%;
margin-right:5%;
_margin-right:4%
}
h4 {
font-size:18px;
color:#797979
}
.f12 {
font-size:14px;
font-weight:bold
}
h5 {
color:#5a5a5a;
font-weight:bold;
line-height:30px;
font-size:14px
}
.hbg {
background:url(../img/bg.jpg) center top no-repeat;
background-size:cover
}
.login_w {
background:rgba(0,143,181,0.5);
line-height:40px;
text-align:right
}
.login_w .box {
width:1000px;
margin:0 auto
}
.login_w a {
color:#FFF
}
.login {
margin-left:20px
}
#cc_video {
width:100%;
background:#000;
display:block;
position:absolute;
top:72px;
left:0
}
#video_box {
height:95%
}
#close {
background:url(../img/closev.gif) 0 0 no-repeat;
position:absolute;
right:10%;
top:0;
display:block;
width:21px;
height:21px;
text-indent:-9999em
}
#close:hover {
background:url(../img/closev.gif) 0 -21px no-repeat
}
.feature {
width:800px;
margin:0 auto;
font-size:18px;
line-height:200%;
overflow:hidden
}
.feature .box1,.feature .box2 {
height:200px;
border-bottom:1px solid #f6f6f6
}
.feature .box3 {
height:200px
}
.feature .boderno {
border:0
}
.feature .box1 .img1,.feature .box3 .img3 {
height:190px;
width:190px;
position:relative;
float:left
}
#img11 {
position:absolute;
left:0;
top:0;
z-index:1;
opacity:0;
opacity:1 \0
}
#img12 {
position:absolute;
left:0;
top:0;
z-index:2;
opacity:0;
opacity:1 \0
}
.feature .box2 {
text-align:right
}
.feature .box2 p {
margin-right:230px
}
.feature .box2 .img2 {
height:217px;
width:202px;
position:relative;
float:right;
margin-top:-20px
}
#img21 {
position:absolute;
left:0;
top:0;
z-index:2
}
#img22 {
position:absolute;
left:0;
top:0;
z-index:1;
opacity:0;
opacity:1 \0
}
.feature h3 {
font-size:22px;
margin:50px 0 10px 0;
color:#666
}
.feature p {
margin-left:230px;
color:#999
}
#img31 {
position:absolute;
left:0;
top:0;
z-index:2;
opacity:0;
opacity:1 \0
}
#img32 {
position:absolute;
left:0;
top:0;
z-index:1;
opacity:0;
opacity:1 \0
}
.animation11 {
-webkit-animation:fadeInLeft 1s .7s ease both;
-moz-animation:fadeInLeft 1s .7s ease both
}
@-webkit-keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-20px)
}
100% {
opacity:1;
-webkit-transform:translateX(0)
}
}@-moz-keyframes fadeInLeft {
0% {
opacity:0;
-moz-transform:translateX(-20px)
}
100% {
opacity:1;
-moz-transform:translateX(0)
}
}.animation12 {
-webkit-animation:bounceInLeft 1s .2s ease both;
-moz-animation:bounceInLeft 1s .2s ease both
}
@-webkit-keyframes bounceInLeft {
0% {
opacity:0;
-webkit-transform:translate(-2000px,2000px)
}
60% {
opacity:1;
-webkit-transform:translate(30px,-30px)
}
80% {
-webkit-transform:translate(-10px,10px)
}
100% {
-webkit-transform:translate(0,0);
opacity:1
}
}@-moz-keyframes bounceInLeft {
0% {
opacity:0;
-moz-transform:translateX(-2000px)
}
60% {
opacity:1;
-moz-transform:translateX(30px)
}
80% {
-moz-transform:translateX(-10px)
}
100% {
-moz-transform:translateX(0);
opacity:1
}
}.animation13 {
-webkit-animation:fadeInRight 1s .2s ease both;
-moz-animation:fadeInRight 1s .2s ease both
}
@-webkit-keyframes fadeInRight {
0% {
-webkit-transform:translateX(20px)
}
100% {
-webkit-transform:translateX(0)
}
}@-moz-keyframes fadeInRight {
0% {
-moz-transform:translateX(20px)
}
100% {
-moz-transform:translateX(0)
}
}.animation21 {
-webkit-animation:pulse 1.5s .2s ease both;
-moz-animation:pulse 1.5s .2s ease both
}
@-webkit-keyframes pulse {
0% {
-webkit-transform:scale(1)
}
50% {
-webkit-transform:scale(1.3)
}
100% {
-webkit-transform:scale(1)
}
}@-moz-keyframes pulse {
0% {
-moz-transform:scale(1)
}
50% {
-moz-transform:scale(1.3)
}
100% {
-moz-transform:scale(1)
}
}.animation22 {
-webkit-animation:rotateIn 1.5s .2s ease both;
-moz-animation:rotateIn 1.5s .2s ease both
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin:center center;
-webkit-transform:rotate(-200deg);
opacity:0
}
100% {
-webkit-transform-origin:center center;
-webkit-transform:rotate(0);
opacity:1
}
}@-moz-keyframes rotateIn {
0% {
-moz-transform-origin:center center;
-moz-transform:rotate(-200deg);
opacity:0
}
100% {
-moz-transform-origin:center center;
-moz-transform:rotate(0);
opacity:1
}
}.animation23 {
-webkit-animation:fadeInLeft2 1s .2s ease both;
-moz-animation:fadeInLeft2 1s .2s ease both
}
@-webkit-keyframes fadeInLeft2 {
0% {
-webkit-transform:translateX(-20px)
}
100% {
-webkit-transform:translateX(0)
}
}@-moz-keyframes fadeInLeft2 {
0% {
-moz-transform:translateX(-20px)
}
100% {
-moz-transform:translateX(0)
}
}.animation31 {
-webkit-animation:bounceIn 1.5s .2s ease both;
-moz-animation:bounceIn 1.5s .2s ease both
}
@-webkit-keyframes bounceIn {
0% {
opacity:0;
-webkit-transform:scale(.3)
}
50% {
opacity:1;
-webkit-transform:scale(1.05)
}
70% {
-webkit-transform:scale(.9)
}
100% {
-webkit-transform:scale(1);
opacity:1
}
}@-moz-keyframes bounceIn {
0% {
opacity:0;
-moz-transform:scale(.3)
}
50% {
opacity:1;
-moz-transform:scale(1.05)
}
70% {
-moz-transform:scale(.9)
}
100% {
-moz-transform:scale(1);
opacity:1
}
}.animation32 {
-webkit-animation:rotateIn 1s .2s ease both;
-moz-animation:rotateIn 1s .2s ease both
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin:center center;
-webkit-transform:rotate(-300deg);
opacity:0
}
100% {
-webkit-transform-origin:center center;
-webkit-transform:rotate(0);
opacity:1
}
}@-moz-keyframes rotateIn {
0% {
-moz-transform-origin:center center;
-moz-transform:rotate(-300deg);
opacity:0
}
100% {
-moz-transform-origin:center center;
-moz-transform:rotate(0);
opacity:1
}
}
.wrapper {
clear:both
}
.history {
width:100%;
height:100%;
overflow-y:auto;
position:relative;
}
.start-history {
width:1000px;
height:2200px;
margin:30px auto;
text-align:center;
background:url("../../images/history_start.png") no-repeat top center;
display:block
}
.cc_history {
color:#2b2b2b;
font-size:36px;
font-weight:400;
display:block;
padding-top:43px
}
.next_history {
color:#bbb;
font-size:26px;
width:160px;
margin:0 auto;
border-bottom:1px solid #d1d1d1
}
.history-img {
height:2050px;
width:130px;
overflow:hidden;
float:left;
margin-top:24px;
margin-left:8px
}
.history_mid {
width:1000px;
height:auto;
margin:0 auto;
background:0
}
.history_left {
width:431px;
height:2050px;
float:left;
clear:left;
position:relative;
overflow:hidden
}
.history_right {
width:431px;
height:2050px;
float:left;
position:relative;
overflow:hidden
}
.history_R {
width:420px;
height:100px;
}
.history_L {
width:420px;
height:100px;
float:right;
}
.history_r_2005 {
margin-top:157px
}
.history_2007 {
width:420px;
height:100px;
background:#FFF;
margin-top:73px
}
.history_2005_span {
float:left;
line-height:30px;
font-size:24px;
color:#8654ec;
padding: 20px 0;
font-weight: bold;
}
.history_2005_b {
width:280px;
height:100px;
float:left;
background:url("../images/sprites.png") center;
background-position:0 -1320px
}
.history_r_month {
float:left;
color:#FFF;
display:block;
width:80px;
line-height:100px;
height:100px;
border-right:1px solid #FFF;
margin-left:24px;
font-weight: normal;
font-size: 16px;
}
.history_r_month img{
width: 100%;
height: 100%;
border-radius: 4px 0 0 4px;
}
.history_r_text {
float:left;
font-size:14px;
color:#FFF;
display:block;
height:100px;
line-height:100px;
padding-left:5px;
text-align:left;
font-weight: normal;
font-size: 16px;
}
.year2006 {
margin-top:242px
}
.year2009 {
margin-top:70px
}
.year2011 {
margin-top:75px
}
.year211 {
margin-top:70px
}
.year2013 {
margin-top:70px
}
.yearalmost {
margin-top:73px
}
.yearalmostr {
margin-top:75px
}
.history_2008 {
width:420px;
height:100px;
background:#FFF;
margin-top:73px;
float:right
}
.history_2011 {
width:420px;
height:100px;
background:#FFF;
margin-top:70px;
float:right;
padding: 20px;
}
.history_2006_span {
float:right;
line-height:30px;
font-size:24px;
color:#8654ec;
padding: 20px 0;
font-weight: bold;
}
.history_2006_b {
width:280px;
height:100px;
float:right;
background:url("../images/sprites.png") center;
background-position:0 -1200px
}
.blue {
background-position:0 -1440px!important
}
.blue_R {
background-position:0 -1560px!important
}
.yellow {
background-position:0 -1680px!important
}
.yellow_R {
background-position:0 -1800px!important
}
.history_l_month {
float:right;
color:#FFF;
display:block;
width:80px;
line-height:58px;
height:100px;
border-left:1px solid #FFF;
margin-right:37px;
font-weight: normal;
font-size:16px;
}
.history_l_month img{
width: 100%;
height: 100%;
border-radius: 0 4px 4px 0;
}
span.blue {
color:#84cc59
}
span.yellow {
color:#f203fc
}
.history_l_text {
float:left;
color:#FFF;
display:block;
height:100px;
line-height:100px;
width:152px;
text-align:right;
padding-right:5px;
font-weight: normal;
font-size:16px;
}