152 lines
3.4 KiB
HTML
152 lines
3.4 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
<html>
|
|||
|
|
<head>
|
|||
|
|
<meta charset="utf-8">
|
|||
|
|
<title></title>
|
|||
|
|
<style >
|
|||
|
|
*{
|
|||
|
|
margin: 0;
|
|||
|
|
padding: 0;
|
|||
|
|
}
|
|||
|
|
a {
|
|||
|
|
background-color: transparent;
|
|||
|
|
text-decoration: none;
|
|||
|
|
color: #333333;
|
|||
|
|
}
|
|||
|
|
.wrap{
|
|||
|
|
width: 7.5rem;
|
|||
|
|
height: auto;
|
|||
|
|
}
|
|||
|
|
.logo_top{
|
|||
|
|
width: 1.64rem;
|
|||
|
|
height: 0.65rem;
|
|||
|
|
/* margin-top: 0; */
|
|||
|
|
margin-left: 0.3rem;
|
|||
|
|
}
|
|||
|
|
.top{
|
|||
|
|
width: 7.5rem;
|
|||
|
|
height: 0.82rem;
|
|||
|
|
background-color: #F6F6F6;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
word-break:keep-all;
|
|||
|
|
overflow: auto;
|
|||
|
|
}
|
|||
|
|
.top::-webkit-scrollbar{
|
|||
|
|
display:none
|
|||
|
|
}
|
|||
|
|
.top>div{
|
|||
|
|
width: 1.29rem;
|
|||
|
|
height: 0.31rem;
|
|||
|
|
font-size: 0.32rem;
|
|||
|
|
font-family: PingFang SC;
|
|||
|
|
font-weight: 500;
|
|||
|
|
color: #333333;
|
|||
|
|
line-height: 0.38rem;
|
|||
|
|
margin-left: 0.4rem;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
.zu_us{
|
|||
|
|
width: 6.84rem;
|
|||
|
|
height: 1.40rem;
|
|||
|
|
margin-left: 1.2rem;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
.zu_us>img{
|
|||
|
|
width: 6.84rem;
|
|||
|
|
height: 1.40rem;
|
|||
|
|
margin-top:0.3rem;
|
|||
|
|
margin-left:-0.5rem ;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
.zu_us>p{
|
|||
|
|
font-size: 0.34rem;
|
|||
|
|
font-family: PingFang;
|
|||
|
|
font-weight: bold;
|
|||
|
|
color: #FFFFFF;
|
|||
|
|
text-shadow: 0px 0px 13px rgba(0,0,0,0.5000);
|
|||
|
|
margin-top: -1.2rem;
|
|||
|
|
margin-left: 1.85rem;
|
|||
|
|
}
|
|||
|
|
.fangx_us{
|
|||
|
|
width: 0.05rem;
|
|||
|
|
height: 0.24rem;
|
|||
|
|
background: #0F5FB6;
|
|||
|
|
margin-left: 1.2rem;
|
|||
|
|
margin-top: 0.5rem;
|
|||
|
|
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
.jianjie_us{
|
|||
|
|
font-size: 0.28rem;
|
|||
|
|
font-family: PingFang SC;
|
|||
|
|
font-weight: 600;
|
|||
|
|
color: #333333;
|
|||
|
|
margin-top: -0.3rem;
|
|||
|
|
margin-left: 1.4rem;
|
|||
|
|
}
|
|||
|
|
.jianjie_us>h5{
|
|||
|
|
font-size: 0.24rem;
|
|||
|
|
font-family: PingFang SC;
|
|||
|
|
font-weight: 300;
|
|||
|
|
color: #333333;
|
|||
|
|
line-height: 0.36rem;
|
|||
|
|
margin-top: 0.2rem;
|
|||
|
|
margin-right: 0.3rem;
|
|||
|
|
}
|
|||
|
|
.dutu_Us{
|
|||
|
|
width: 6.90rem;
|
|||
|
|
height: 6.03rem;
|
|||
|
|
}
|
|||
|
|
.dutu_Us>img{
|
|||
|
|
width: 6.82rem;
|
|||
|
|
height: 5.75rem;
|
|||
|
|
background: #D8D8D8;
|
|||
|
|
margin-left: 0.5rem;
|
|||
|
|
margin-top: 0.5rem;
|
|||
|
|
}
|
|||
|
|
</style>
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
<div class="wrap">
|
|||
|
|
<a href="../index.html"><img class="logo_top" src="images/logo1@2x.png" alt=""></a>
|
|||
|
|
<div class="top">
|
|||
|
|
<div><a href="../java.html">课程体系</a> </div>
|
|||
|
|
<div><a href="../Aboutuse.html">关于我们</a></div>
|
|||
|
|
<div><a href="../NewsInformation.html">新闻动态</a></div>
|
|||
|
|
<div><a href="../GraduateStyle.html">毕业生风采</a></div>
|
|||
|
|
<div style="margin-left:0.7rem; margin-right:0.3rem"><a href="../ContacUs.html">联系我们</a></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="zu_us">
|
|||
|
|
<img src="./images/back-image2.jpg" >
|
|||
|
|
<p>联系我们</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="fangx_us"></div>
|
|||
|
|
<div class="jianjie_us">
|
|||
|
|
<p>联系我们</p>
|
|||
|
|
<h5>码小白训练营<h5>
|
|||
|
|
<h5>地址：北京市海淀区这里是地址详细信息 </h5>
|
|||
|
|
<h5>邮编：100082 </h5>
|
|||
|
|
<h5>电话：010-62200000 </h5>
|
|||
|
|
<h5>传真：010-62200000</h5>
|
|||
|
|
<h5>地图：</h5>
|
|||
|
|
</div>
|
|||
|
|
<div class="dutu_Us">
|
|||
|
|
<img src="./images/ditu.png" >
|
|||
|
|
</div>
|
|||
|
|
<script>
|
|||
|
|
window.onload = function () {
|
|||
|
|
getRem(750, 100)
|
|||
|
|
};
|
|||
|
|
window.onresize = function () {
|
|||
|
|
getRem(750, 100)
|
|||
|
|
};
|
|||
|
|
function getRem(pwidth, prem) {
|
|||
|
|
var html = document.getElementsByTagName("html")[0];
|
|||
|
|
var oWidth = document.body.clientWidth || document.documentElement.clientWidth;
|
|||
|
|
html.style.fontSize = oWidth / pwidth * prem + "px";
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
</body>
|
|||
|
|
</html>
|