body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
line-height: 1.5;
background: url(../img/bg1.jpg) no-repeat top center fixed;
background-size: 100% auto;
}
.content{
width: 960px;
height: 1500px;
margin: 0px auto;
position: relative;
}
.imgtt{
z-index: 1;
width: 30%;
height: auto;
position: absolute;
padding: 10px 10px 15px 10px;
background: #ffffff;
border: 1px solid #CCCCCC;
/* 动画的时间 */
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.imgtt:hover{
z-index: 2;
transform: scale(1.5);
-moz-transform: scale(1.5) ;
-webkit-transform: scale(1.5) ;
box-shadow: -10px 10px 20px #000000;
-moz-box-shadow: -10px 10px 20px #000000;
-webkit-box-shadow: -10px 10px 20px #000000;
}
.pic1{
left: 10px;
top: 50px;
-webkit-transform: rotate(20deg);
-moz-transform: rotate(20deg);
transform: rotate(20deg);
}
.pic2{
left: 200px;
top: 60px;
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
transform: rotate(-10deg);
}
.pic3{
left: 460px;
top: 40px;
-webkit-transform: rotate(10deg);
-moz-transform: rotate(10deg);
transform: rotate(10deg);
}
.pic4{
left: 640px;
top: 60px;
-webkit-transform: rotate(-5deg);
-moz-transform: rotate(-5deg);
transform: rotate(-5deg);
}
.pic5{
left: 150px;
top: 260px;
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
transform: rotate(-10deg);
}
.pic6{
left: 330px;
top: 240px;
-webkit-transform: rotate(10deg);
-moz-transform: rotate(10deg);
transform: rotate(10deg);
}
.pic7{
left: 510px;
top: 260px;
-webkit-transform: rotate(20deg);
-moz-transform: rotate(20deg);
transform: rotate(20deg);
}
.pic8{
left: 10px;
top: 460px;
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
transform: rotate(-10deg);
}
.pic9{
left: 180px;
top: 450px;
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
transform: rotate(-10deg);
}
.pic10{
left: 460px;
top: 460px;
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
transform: rotate(-10deg);
}
.pic11{
left: 640px;
top: 460px;
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
transform: rotate(-10deg);
}
.pic12{
left: 10px;
top: 660px;
-webkit-transform: rotate(20deg);
-moz-transform: rotate(20deg);
transform: rotate(20deg);
}
.pic13{
left: 280px;
top: 660px;
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
transform: rotate(-10deg);
}
.pic14{
left: 460px;
top: 660px;
-webkit-transform: rotate(10deg);
-moz-transform: rotate(10deg);
transform: rotate(10deg);
}
.pic15{
left: 640px;
top: 860px;
-webkit-transform: rotate(-5deg);
-moz-transform: rotate(-5deg);
transform: rotate(-5deg);
}
.pic16{
left: 150px;
top: 860px;
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
transform: rotate(-10deg);
}
.pic17{
left: 330px;
top: 860px;
-webkit-transform: rotate(10deg);
-moz-transform: rotate(10deg);
transform: rotate(10deg);
}
.pic18{
left: 410px;
top: 1060px;
-webkit-transform: rotate(20deg);
-moz-transform: rotate(20deg);
transform: rotate(20deg);
}
.pic19{
left: 10px;
top: 1060px;
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
transform: rotate(-10deg);
}
.pic20{
left: 280px;
top: 1060px;
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
transform: rotate(-10deg);
}
.pic22{
left: 640px;
top: 1060px;
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
transform: rotate(-10deg);
}
.pic23{
left: 280px;
top: 1260px;
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
transform: rotate(-10deg);
}
.pic24{
left: 640px;
top: 1260px;
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
transform: rotate(-10deg);
}
/* 下面的代码大同小异就不依依展示了 */
td {
margin-top: 0;
line-height: 150%;
font-family: "宋体";
font-size: 14px;
color: #003366;
}
a:link {
text-decoration: none;
color:#003366;
}
a:visited {
text-decoration: none;
color: #003366;
}
a:hover {
text-decoration: none;
color: #003366;
}
a:active {
text-decoration: none;
color: #003366;
}
#borderlinks a{
color: white;
text-decoration: none;
font-size: 14px;
font-style: normal;
letter-spacing:1px;
background-repeat: repeat;
text-align: center;
text-valign:middle;
line-height: normal;
font-weight: normal;
vertical-align: text-bottom;
background-attachment: fixed;
font-family: "宋体";
width:74px;height:38px}
#borderlinks a:hover{
text-align: center;
text-valign:middle;
font-family: "宋体";
font-size: 14px;
font-style: normal;
letter-spacing:1px;
font-weight: normal;
background-attachment: fixed;
background-repeat: repeat;
width:74px;
height:38px;
background-position: center center;
background-color: #660;
}
.xiao {
font-size: 12px;
}
.lanse {
}
.boot {
background-image: url(../images/mtbk.jpg);
background-repeat: repeat;
background-position: right bottom;
}
.backToTop {
display: none;
width: 18px;
line-height: 1.2;
padding: 5px 0;
background-color: #000;
color: #fff;
font-size: 12px;
text-align: center;
position: fixed;
_position: absolute;
right: 10px;
bottom: 100px;
_bottom: "auto";
cursor: pointer;
opacity: .6;
filter: Alpha(opacity=60);
}
|
|
学院地址:上海市宝山区锦秋路299号
邮编:200444 联系电话:56680657(总机) 沪ICP备2021006873号 | 沪公网安备 31011302002544号 |
|
|
|