<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>联系我们</title>
<style>
* {
margin: 0;
padding: 0;
}
.box {
border-bottom: 2px solid #ffd350;
}
body::-webkit-scrollbar {
display: none;
}
.nav {
width: 1215px;
height: 68px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
}
.left {}
.right {
width: 995px;
height: 68px;
display: flex;
align-items: center;
/* justify-content: space-around; */
padding: 10px;
box-sizing: border-box;
}
.right p {
width: 80px;
height: 52px;
margin-left: 30px;
color: #545454;
text-align: center;
line-height: 52px;
font-size: 14px;
}
.login {
display: flex;
align-items: center;
}
.login img {
width: 34px;
height: 34px;
}
.active {
width: 80px;
margin-left: 30px;
color: #fff !important;
background-color: #ffd350;
font-size: 14px;
border-radius: 2px;
box-shadow: 3px 2px 4px rgba(0, 0, 0, .27);
}
.right p:hover {
width: 80px;
margin-left: 30px;
color: #fff !important;
background-color: #ffd350;
font-size: 14px;
border-radius: 2px;
box-shadow: 3px 2px 4px rgba(0, 0, 0, .27);
cursor: pointer;
}
.container {
width: 1200px;
margin: 0 auto;
padding: 10rpx;
box-sizing: border-box;
margin-top: 30px;
display: flex;
justify-content: space-around;
align-items: center;
}
.container p {
text-indent: 2em;
font-size: 18px;
margin-bottom: 5px;
}
.container img {
width: 200px;
height: 50px;
}
.footer {
width: 1200px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 20px;
padding-bottom: 20px;
}
.footer .upload {
width: 400px;
height: 100px;
display: flex;
align-items: center;
/* justify-content: space-around; */
border-right: 1px solid #ccc;
}
.upload_item {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
margin-left: 40px;
}
.upload_item p {
margin: 10px 0;
color: #545454;
}
.footer .upload img {
width: 70px;
height: 70px;
/* margin-top: 10px; */
}
.footer .relation {
width: 400px;
height: 100px;
display: flex;
align-items: center;
/* justify-content: space-around; */
border-right: 1px solid #ccc;
}
.relation img {
width: 60px;
height: 60px;
margin-left: 30px;
}
.relation .relation_item {
margin-left: 20px;
}
.relation_item p:first-child {
font-size: 20px;
color: red;
font-weight: bold;
margin-bottom: 5px;
}
.relation_item p:last-child {
font-size: 12px;
color: #aaa;
}
.footer .address {
width: 400px;
height: 100px;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
box-sizing: border-box;
}
.address p {
font-size: 14px;
color: #aaa;
}
.finally {
width: 1200px;
margin: 0 auto;
padding: 20px;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
color: #aaa;
font-size: 14px;
}
</style>
</head>
<body>
<div>
<div>
<div>
<img src="/logo_top.png" alt="">
</div>
<div>
<p>首页</p>
<p>分类</p>
<p>APP</p>
<p>家长监护</p>
<p>防沉迷系统</p>
<p>联系我们</p>
<p>自审制度</p>
<p>关于我们</p>
</div>
</div>
<div>
<img src="/logo_top.png" alt="">
<div>
<p>
武汉亿心星科技有限公司
<p>
办公地址：湖北省武汉市洪山区友谊大道与纺机路交汇处万盈国际 A 座塔楼 7-14 层 885 号
</p>
<p>
办公电话：18679605268
</p>
<p>
电子邮箱：365938888@qq.com
</p>
</div>
</div>
<div>
<div>
<div>
<p>微信公众号</p>
<img src="/qrcode.png" alt="">
</div>
<div>
<p>android版下载</p>
<img src="/qrcode2.png" alt="">
</div>
</div>
<div>
<img src="/foot_phone.png" alt="">
<div>
<p>18679605268</p>
<p>客服热线(服务时间:9:00-18:00)</p>
</div>
</div>
<div>
<p>地址:湖北省武汉市洪山区友谊大道与纺机路交汇处万盈国际 A 座塔楼 7-14 层 885 号</p>
</div>
</div>
</div>
<div>
<p>武汉亿心星科技有限公司 备案号：鄂ICP备2023023544号-2</p>
</div>
</body>
</html>