<style>
- {
margin:0; padding: 0; } a { text-decoration:none; appearance:none; -webkit-appearance:none; cursor: pointer; } input { margin:0; padding:0; outline:none; border:0; background:none; appearance:none; -webkit-appearance:none; } button{ margin:0; padding:0; outline:none; border:0; backgrond:none; } hr{ border:0; border-top:1px solid; margin:0; padding:0; } select{ border:0; margin:0; padding:0; background:none; outline:none; appearance:none; -webkit-appearance:none; } ul{ margin: 0; padding: 0; list-style: none; box-sizing: initial; -webkit-box-sizing: initial; } li{ margin: 0; padding: 0; list-style: none; box-sizing: initial; -webkit-box-sizing: initial; } p{ margin: 0; }
- {
word-break: normal; font-family: verdana; } a { margin: 0; padding: 0; } img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }
- {
list-style: none; text-decoration: none; } .nav {
position:relative; width: 100%; text-align: center;
}
.nav ul {
height:0; left:0; overflow:hidden; position:absolute; width: 100%; box-shadow: 1px 1px 1px #c94856;
} .nav li{
float:left; position:relative; width: 11.1%; line-height: 15px; font-size: 15px; background-color: #d6515c; height: 70px; opacity: 0.93;
} .nav>li>ul:last-child {
border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;
}
.logo1 {
margin-top: -10px; width: 60%; margin-right: -80px;
} .logo2 {
margin-top: 17px; width: 70%; margin-left: -70px;
}
.nav li:hover ul {
height:auto; width:100%;
}
.nav ul li {
-moz-transition:0.2s; -o-transition:0.2s; -webkit-transition:0.2s; opacity:0; transition:0.2s; width:100%; background-color: #d6515c;
}
.nav li:hover ul li {
opacity:1; -moz-transition-delay:0s; -o-transition-delay:0s; -webkit-transition-delay:0s; transition-delay:0s;
} .nav li:hover ul li,.nav li:nth-child(n+3):hover {
background-color: #ffe1e4; -moz-transition:0.2s; -o-transition:0.2s; -webkit-transition:0.2s;
}
.nav li a {
-moz-transition:0.2s; -o-transition:0.2s; -webkit-transition:0.2s; display:block; transition:0.2s; color: white;
} .nav ul li a {
line-height:1px; -moz-transition:0.2s; -o-transition:0.2s; -webkit-transition:0.2s; transition:0.2s;
} .nav li:hover ul li a ,.nav li:hover a{
color: #c94856;
} .nav li ul li:hover,.nav>li>a:hover {
background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(206,15,53, 0.5)), to(rgba(206,15,53, 0))); background-image: -moz-linear-gradient(-90deg, rgba(206,15,53, 0.5), rgba(206,15,53, 0)); background-image: -o-linear-gradient(-90deg,rgba(206,15,53,0.5),rgba(206,15,53,0));
} .nav>li>a:hover,.nav>li:hover a{
height: 70px; line-height: 64px;
} .nav {
position: fixed; z-index: 10000;
} .space {
width: 100%; display: block; height: 70px; z-index: -10000; background-color: #d6515c;
} .nav>li>a {
height: 70px; line-height: 64px;
} .top {
height: 600px; background-image: url(); background-repeat: no-repeat; background-size: 100% 600px;
}
.title {
display: block;
margin-left: auto;
margin-top: 40px;
margin-right: auto;
font-size: 30px;
line-height: 30px;
width: 40%;
color: white;
font-family: verdana;
text-shadow: 5px 5px 2px #c94856;
}
.abstract {
display: block;
margin-left: auto;
margin-right: auto;
font-size: 20px;
line-height: 20px;
width: 71%;
font-family: verdana;
text-shadow: 5px 5px 2px #c94856;
color: white;
margin-top: 20px;
}
.topLogo {
display: block;
margin-left: auto;
margin-right: auto;
padding-top: 20px;
width: 50%;
}
.img {
display: block;
margin-top: 40px;
margin-left: auto;
margin-right: auto;
}
.imgDiv {
width: 100%;
height: 110px;
}
.mid {
width: 100%;
background-image: url();
background-size: 100% auto;
background-repeat: no-repeat;
height: 525px;
font-family: verdana;
color: #c94856;
}
.bottom {
width: 100%;
background-image: url(
);
background-size: 100% auto;
background-repeat: no-repeat;
height: 424px;
}
.topButton {
opacity: 0.5;
width: 10%;
height: 60%;
float: right;
margin-right: 40%;
margin-top: 45%;
z-index: 100;
cursor: pointer;
}
span {
color: white;
font-size: 28px;
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}
- bt {
font-size: 64px; } .info { width: 50%; float: left; margin-left: 5%; margin-top: 10%; color: white; }
.photo { display: inline-block; width: 80%; } .leftBtn,.rightBtn { font-size: 64px; display: inline; margin-top: 16%; cursor: pointer; color: white; user-select: none; } .leftBtn { float: left; width: 5%; margin-left: 5%; } .rightBtn { float: right; width: 5%; margin-right: 5%; } .pho { width: 60%; display: block; margin-top: 6%; margin-left: auto; margin-right: auto; box-shadow: 15px 15px 10px #a3002c; height: auto; } .left { width: 60%; float: left; display: inline-block; } .right { width: 40%; float: right; display: inline-block; } .info { display: block; width: 100%; margin-top: 20%; margin-left: 15%; font-size: 22px; color: white; } .gold { display: block; width: 100%; } .top2 { width: 49%; display: inline-block; float: left; border-right: solid 1px white; } .down { width: 50%; display: inline-block; float: right; }
- scut {
width: 18%; display: inline-block; margin-left: 30%; margin-top: 5%; float: left; }
- butLogo {
width: 24%; margin-top: 2.5%; display: inline-block; float: left; margin-left: 5%; }
- medal {
width: 60%; margin-left: 20%; margin-top: 5%; }
</style>
</head> <body>
<img src="" class="topLogo">
<img src="" class="img">
E-mail: xxxxxx@xxx.com
Address:
South China University of Technology,No.382,East Waihuan Road,Higher Education Mega Center,Panyu district,Guangzhou,Guangdong Province,China.
<img src="" id="scut"> <img src="
" id="butLogo">
<img src="" id="medal">
TOP ^