原来大家这么喜欢网页设计呀,这个也是我模仿的,分享一下
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>index</title>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/public.js"></script>
<style type="text/css">
*{
margin: 0;
padding: 0;
}
#head {
height: 120px;
width: 100;
background-color: #66CCCC;
text-align: center;
position: relative;
}
.list .center p {
font-family: "宋体";
font-size: 12px;
font-weight: bold;
color: purple;
}
#foot {
width: 100%;
height: 146px;
background-color: #CC9933;
position: relative;
}
.title {
font-family: "宋体";
color: #FFFFFF;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); /* 使用css3的transform来实现 */
font-size: 36px;
height: 40px;
width: 30%;
}
.leftsidebar_box {
width: 12%;
height: 100%;
background-color: #f2f2f2;
float: left;
margin-right: 2%;
position: absolute;
}
.leftsidebar_box dt {
background-color: #f9f9f9;
color: #333;
font-size: 14px;
position: relative;
line-height: 44px;
cursor: pointer;
border-bottom: 1px solid #dedede;
border-right: 1px solid #dedede;
padding-left: 40px;
}
.leftsidebar_box dd {
display: none;
position: relative;
background-color: white;
padding-left: 65px;
border-bottom: 1px solid #dedede;
border-right: 1px solid #dedede;
}
.leftsidebar_box dd a {
color: #333;
line-height: 42px;
width: 100%;
height: 100%;
display: inline-block;
cursor: pointer;
text-decoration:none;
}
.leftsidebar_box dt img.icon1 {
display: none;
position: absolute;
top: 10px;
left: 10px;
}
.leftsidebar_box dt img.icon2 {
position: absolute;
top: 10px;
left: 10px;
}
.leftsidebar_box dt img.icon3 {
display: none;
position: absolute;
top: 20px;
right: 12px;
}
.leftsidebar_box dt img.icon4 {
position: absolute;
top: 20px;
right: 12px;
}
.leftsidebar_box dd img.icon5 {
display: none;
position: absolute;
top: 0px;
right: 0px;
}
.leftsidebar_box dd img.coin11 {
display: none;
position: absolute;
top: 0px;
left: 40px;
}
.leftsidebar_box dd img.coin22 {
position: absolute;
top: 0px;
left: 40px;
}
.leftsidebar_box dl dd:last-child {
padding-bottom: 10px;
}
.leftsidebar_box .line {
background-color: #f9f9f9;
color: #333;
font-size: 14px;
position: relative;
line-height: 44px;
cursor: pointer;
border-bottom: 1px solid #dedede;
border-right: 1px solid #dedede;
padding-left: 40px
}
.leftsidebar_box .line img {
position: absolute;
top: 10px;
left: 10px;
}
.leftsidebar_box .menu_chioce1 {
color: #106ea9;
}
.leftsidebar_box .menu_chioce2 {
color: #106ea9;
}
.copyright {
font-family: "宋体";
color: #FFFFFF;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); /* 使用css3的transform来实现 */
height: 60px;
width: 40%;
text-align:center;
}
#foot .copyright .img {
width: 100%;
height: 24px;
position: relative;
}
.copyright .img .icon {
display: inline-block;
width: 24px;
height: 24px;
margin-left: 22px;
vertical-align: middle;
background-image: url(img/login/email_address.png);
background-repeat: no-repeat;
margin-right: 5px;
}
.copyright .img .icon1 {
display: inline-block;
width: 24px;
height: 24px;
margin-left: 22px;
vertical-align: middle;
background-image: url(img/login/address.png);
background-repeat: no-repeat;
margin-right: 5px;
}
.copyright .img .icon2 {
display: inline-block;
width: 24px;
height: 24px;
margin-left: 22px;
vertical-align: middle;
background-image: url(img/login/phone.png);
background-repeat: no-repeat;
margin-right: 5px;
}
#foot .copyright p {
height: 24px;
width: 100%;
}
#wrap {
height: 719px;
width: 100%;
background-image: url(img/background/background.jpg);
background-repeat: no-repeat;
background-position: center center;
position: relative;
}
.right {
float: right;
height: 100%;
width: 88%;
position: relative;
}
.project {
height: 200px;
width: 88%;
position: relative;
float: left;
margin-left: 60px;
margin-top: 40px;
}
.list {
height: 100px;
width: 10%;
background-color: #FFFFFF;
margin-top: 20px;
margin-right: 20px;
margin-left: 20px;
float: left;
border-radius : 20px;
position: relative;
}
.list:hover {
background-color: #CCFF99;
}
.center {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); /* 使用css3的transform来实现 */
}
</style>
<script type="text/javascript">
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>
</head>
<body onLoad="MM_preloadImages('img/index_right/Artificial_intelligence1.png','img/index_right/Artificial_intelligence_car1.png','img/index_right/Artificial_intelligence_robot1.png','img/index_right/autopilot1.png','img/index_right/Intelligent_analysis1.png','img/index_right/Intelligent_cloud1.png','img/index_right/Intelligent_data1.png','img/index_right/Intelligent_robot_arm1.png','img/index_right/Intelligent_rocker_robot1.png','img/index_right/Intelligent_search1.png','img/index_right/Intelligent_speakers1.png','img/index_right/Intelligent_voice1.png','img/index_right/Rocket_robot1.png','img/index_right/Smart_chip1.png','img/index_right/Smart_devices1.png','img/index_right/Smart_game1.png','img/index_right/Smart_home1.png','img/index_right/Smart_setting1.png','img/index_right/The_robot1.png','img/index_right/Visual_intelligence1.png','img/index_right/unmanned1.png')">
<div class="header" id="head">
<div class="title">企业人事管理系统</div>
</div>
<div id="wrap">
<div class="leftsidebar_box">
<a href="index.html" target="_self">
<div class="line">
<img src="img/index_left/coin01.png" /> 首页
</div></a>
<dl class="system_log">
<dt>
<img class="icon1" src="img/index_left/coin03.png" /><img class="icon2"
src="img/index_left/coin04.png" /> 查询管理<img class="icon3"
src="img/index_left/coin19.png" /><img class="icon4"
src="img/index_left/coin20.png" />
</dt>
<dd>
<img class="coin11" src="img/index_left/coin111.png" /><img class="coin22"
src="img/index_left/coin222.png" /><a class="cks" href="basic_Information.jsp"
target="_blank">基本信息</a><img class="icon5" src="img/index_left/coin21.png" />
</dd>
<dd>
<img class="coin11" src="img/index_left/coin111.png" /><img class="coin22"
src="img/index_left/coin222.png" /><a class="cks" href="resignation_record.jsp"
target="_blank">辞职记录</a><img class="icon5" src="img/index_left/coin21.png" />
</dd>
<dd>
<img class="coin11" src="img/coin111.png" /><img class="coin22"
src="img/index_left/coin222.png" /><a class="cks" href="transfer_record.jsp"
target="_blank">调职记录</a><img class="icon5" src="img/index_left/coin21.png" />
</dd>
</dl>
<dl class="system_log">
<dt>
<img class="icon1" src="img/index_left/coin01.png" /><img class="icon2"
src="img/index_left/coin02.png" /> 学历管理<img class="icon3"
src="img/index_left/coin19.png" /><img class="icon4"
src="img/index_left/coin20.png" />
</dt>
<dd>
<img class="coin11" src="img/index_left/coin111.png" /><img class="coin22"
src="img/index_left/coin222.png" /><a class="cks" href="education_record.jsp"
target="_blank">员工学历</a><img class="icon5" src="img/index_left/coin21.png" />
</dd>
</dl>
<dl class="system_log">
<dt>
<img class="icon1" src="img/index_left/coin07.png" /><img class="icon2"
src="img/index_left/coin08.png" /> 通讯管理<img class="icon3"
src="img/index_left/coin19.png" /><img class="icon4"
src="img/index_left/coin20.png" />
</dt>
<dd>
<img class="coin11" src="img/index_left/coin111.png" /><img class="coin22"
src="img/index_left/coin222.png" /><a href="communication_record.jsp" target="_blank"
class="cks">通讯信息</a><img class="icon5" src="img/index_left/coin21.png" />
</dd>
</dl>
<dl class="system_log">
<dt>
<img class="icon1" src="img/index_left/coin10.png" /><img class="icon2"
src="img/index_left/coin09.png" /> 财务管理<img class="icon3"
src="img/index_left/coin19.png" /><img class="icon4"
src="img/index_left/coin20.png" />
</dt>
<dd>
<img class="coin11" src="img/coin111.png" /><img class="coin22"
src="img/index_left/coin222.png" />
<a class="cks" href="finance_application.jsp" target="_blank">财务申请</a><img class="icon5"
src="img/index_left/coin21.png" />
</dd>
<dd>
<img class="coin11" src="img/index_left/coin111.png" /><img class="coin22"
src="img/index_left/coin222.png" />
<a class="cks" href="finance_record.jsp" target="_blank">财务记录</a><img class="icon5"
src="img/index_left/coin21.png" />
</dd>
</dl>
<dl class="system_log">
<dt>
<img class="icon1" src="img/index_left/coin11.png" /><img class="icon2"
src="img/index_left/coin12.png" /> 培训管理<img class="icon3"
src="img/index_left/coin19.png" /><img class="icon4"
src="img/index_left/coin20.png" />
</dt>
<dd>
<img class="coin11" src="img/index_left/coin111.png" /><img class="coin22"
src="img/index_left/coin222.png" />
<a class="cks" href="training_release.jsp" target="_blank">培训发布</a><img class="icon5" src="img/index_left/coin21.png" />
</dd>
<dd>
<img class="coin11" src="img/index_left/coin111.png" /><img class="coin22"
src="img/index_left/coin222.png" />
<a class="cks" href="training_record_query.jsp" target="_blank">培训记录</a><img class="icon5" src="img/index_left/coin21.png" />
</dd>
</dl>
<dl class="system_log">
<dt>
<img class="icon1" src="img/index_left/coin14.png" /><img class="icon2"
src="img/index_left/coin13.png" /> 薪水管理<img class="icon3"
src="img/index_left/coin19.png" /><img class="icon4"
src="img/index_left/coin20.png" />
</dt>
<dd>
<img class="coin11" src="img/index_left/coin111.png" /><img class="coin22"
src="img/index_left/coin222.png" />
<a class="cks" href="salary_record.jsp" target="_blank">薪水记录</a><img class="icon5" src="img/index_left/coin21.png" />
</dd>
</dl>
<dl class="system_log">
<dt>
<img class="icon1" src="img/index_left/coin15.png" /><img class="icon2"
src="img/index_left/coin16.png" /> 考勤管理<img class="icon3"
src="img/index_left/coin19.png" /><img class="icon4"
src="img/index_left/coin20.png" />
</dt>
<dd>
<img class="coin11" src="img/index_left/coin111.png" /><img class="coin22"
src="img/index_left/coin222.png" />
<a class="cks" href="attendance_record.jsp" target="_blank">考勤记录</a><img class="icon5"
src="img/index_left/coin21.png" />
</dd>
<dd>
<img class="coin11" src="img/index_left/coin111.png" /><img class="coin22"
src="img/index_left/coin222.png" />
<a class="cks" href="publishing_check_in_table.jsp" target="_blank">发布签到</a><img class="icon5"
src="img/index_left/coin21.png" />
</dd>
<dd>
<img class="coin11" src="img/index_left/coin111.png" /><img class="coin22"
src="img/index_left/coin222.png" />
<a class="cks" href="holiday_arrangement.jsp" target="_blank">假日安排</a><img class="icon5"
src="img/index_left/coin21.png" />
</dd>
<dd>
<img class="coin11" src="img/index_left/coin111.png" /><img class="coin22"
src="img/index_left/coin222.png" />
<a class="cks" href="leave_record.jsp" target="_blank">请假记录</a><img class="icon5"
src="img/index_left/coin21.png" />
</dd>
<dd>
<img class="coin11" src="img/index_left/coin111.png" /><img class="coin22"
src="img/index_left/coin222.png" />
<a class="cks" href="travel_record.jsp" target="_blank">出差记录</a><img class="icon5"
src="img/index_left/coin21.png" />
</dd>
<dd>
<img class="coin11" src="img/index_left/coin111.png" /><img class="coin22"
src="img/index_left/coin222.png" />
<a class="cks" href="holiday_record.jsp" target="_blank">假日记录</a><img class="icon5"
src="img/index_left/coin21.png" />
</dd>
</dl>
<dl class="system_log">
<dt>
<img class="icon1" src="img/index_left/coin17.png" /><img class="icon2"
src="img/index_left/coin18.png" />审批管理<img class="icon3"
src="img/index_left/coin19.png" /><img class="icon4"
src="img/index_left/coin20.png" />
</dt>
<dd>
<img class="coin11" src="img/index_left/coin111.png" /><img class="coin22"
src="img/index_left/coin222.png" />
<a class="cks" href="leave_application.jsp" target="_blank">请假申请</a><img class="icon5"
src="img/index_left/coin21.png" />
</dd>
<dd>
<img class="coin11" src="img/index_left/coin111.png" /><img class="coin22"
src="img/index_left/coin222.png" />
<a class="cks" href="travel_application.jsp" target="_blank">出差申请</a><img class="icon5"
src="img/index_left/coin21.png" />
</dd>
<dd>
<img class="coin11" src="img/index_left/coin111.png" /><img class="coin22"
src="img/index_left/coin222.png" />
<a class="cks" href="resignation_application.jsp" target="_blank">辞职申请</a><img class="icon5"
src="img/index_left/coin21.png" />
</dd>
<dd>
<img class="coin11" src="img/index_left/coin111.png" /><img class="coin22"
src="img/index_left/coin222.png" />
<a class="cks" href="transfer_application.jsp" target="_blank">调职申请</a><img class="icon5"
src="img/index_left/coin21.png" />
</dd>
<dd>
<img class="coin11" src="img/index_left/coin111.png" /><img class="coin22"
src="img/index_left/coin222.png" />
<a class="cks" href="tab.html" target="main">培训申请</a><img class="icon5"
src="img/index_left/coin21.png" />
</dd>
</dl>
<dl class="system_log">
<dt>
<img class="icon1" src="img/index_left/coinL1.png" /><img class="icon2"
src="img/index_left/coinL2.png" /> 系统管理<img class="icon3"
src="img/index_left/coin19.png" /><img class="icon4"
src="img/index_left/coin20.png" />
</dt>
<dd>
<img class="coin11" src="img/index_left/coin111.png" /><img class="coin22"
src="img/index_left/coin222.png" />
<a class="cks" href="change_the_password.jsp" target="_blank">修改密码</a><img
class="icon5"
src="img/index_left/coin21.png" />
</dd>
<dd>
<img class="coin11" src="img/index_left/coin111.png" /><img class="coin22"
src="img/index_left/coin222.png" />
<a class="cks" href="login.jsp" target="_self">退出</a><img
class="icon5" src="img/index_left/coin21.png" />
</dd>
</dl>
</div>
<!--显示右边部分-->
<div class="right">
<div class="project">
<div class="list">
<div class="center"><a href="basic_Information.jsp" target="_blank"><img src="img/index_right/Artificial_intelligence.png" alt="" width="48" height="48" id="Image1" onMouseOver="MM_swapImage('Image1','','img/index_right/Artificial_intelligence1.png',1)" onMouseOut="MM_swapImgRestore()"/></a>
<p>基本信息</p>
</div>
</div>
<div class="list">
<div class="center"><a href="education_record.jsp" target="_blank"><img src="img/index_right/Artificial_intelligence_car.png" alt="" width="48" height="48" id="Image2" onMouseOver="MM_swapImage('Image2','','img/index_right/Artificial_intelligence_car1.png',1)" onMouseOut="MM_swapImgRestore()"/></a>
<p>员工学历</p>
</div>
</div>
<div class="list">
<div class="center"><a href="communication_record.jsp" target="_blank"><img src="img/index_right/Artificial_intelligence_robot.png" alt="" width="48" height="48" id="Image3" onMouseOver="MM_swapImage('Image3','','img/index_right/Artificial_intelligence_robot1.png',1)" onMouseOut="MM_swapImgRestore()"/></a>
<p>通讯信息</p>
</div>
</div>
<div class="list">
<div class="center"><a href="training_release.jsp" target="_blank"><img src="img/index_right/autopilot.png" alt="" width="48" height="48" id="Image4" onMouseOver="MM_swapImage('Image4','','img/index_right/autopilot1.png',1)" onMouseOut="MM_swapImgRestore()"/></a>
<p>培训发布</p>
</div>
</div>
<div class="list">
<div class="center"><a href="finance_application.jsp" target="_blank"><img src="img/index_right/Intelligent_analysis.png" alt="" width="48" height="48" id="Image5" onMouseOver="MM_swapImage('Image5','','img/index_right/Intelligent_analysis1.png',1)" onMouseOut="MM_swapImgRestore()"/></a>
<p>财务申请</p>
</div>
</div>
<div class="list">
<div class="center"><a href="finance_record.jsp" target="_blank"><img src="img/index_right/Intelligent_cloud.png" alt="" width="48" height="48" id="Image6" onMouseOver="MM_swapImage('Image6','','img/index_right/Intelligent_cloud1.png',1)" onMouseOut="MM_swapImgRestore()"/></a>
<p>财务记录</p>
</div>
</div>
<div class="list">
<div class="center"><a href="training_application.jsp" target="_blank"><img src="img/index_right/Intelligent_data.png" alt="" width="48" height="48" id="Image7" onMouseOver="MM_swapImage('Image7','','img/index_right/Intelligent_data1.png',1)" onMouseOut="MM_swapImgRestore()"/></a>
<p>培训申请</p>
</div>
</div>
</div>
<div class="project">
<div class="list">
<div class="center"><a href="training_record_query.jsp" target="_blank"><img src="img/index_right/Intelligent_robot_arm.png" alt="" width="48" height="48" id="Image8" onMouseOver="MM_swapImage('Image8','','img/index_right/Intelligent_robot_arm1.png',1)" onMouseOut="MM_swapImgRestore()"/></a>
<p>培训记录</p>
</div>
</div>
<div class="list">
<div class="center"><a href="salary_record.jsp" target="_blank"><img src="img/index_right/Intelligent_rocker_robot.png" alt="" width="48" height="48" id="Image9" onMouseOver="MM_swapImage('Image9','','img/index_right/Intelligent_rocker_robot1.png',1)" onMouseOut="MM_swapImgRestore()"/></a>
<p>薪水纪录</p>
</div>
</div>
<div class="list">
<div class="center"><a href="leave_application.jsp" target="_blank"><img src="img/index_right/Intelligent_search.png" alt="" width="48" height="48" id="Image10" onMouseOver="MM_swapImage('Image10','','img/index_right/Intelligent_search1.png',1)" onMouseOut="MM_swapImgRestore()"/></a>
<p>请假申请</p>
</div>
</div>
<div class="list">
<div class="center"><a href="leave_record.jsp" target="_blank"><img src="img/index_right/Intelligent_speakers.png" alt="" width="48" height="48" id="Image11" onMouseOver="MM_swapImage('Image11','','img/index_right/Intelligent_speakers1.png',1)" onMouseOut="MM_swapImgRestore()"/></a>
<p>请假记录</p>
</div>
</div>
<div class="list">
<div class="center"><a href="resignation_application.jsp" target="_blank"><img src="img/index_right/Intelligent_voice.png" alt="" width="48" height="48" id="Image12" onMouseOver="MM_swapImage('Image12','','img/index_right/Intelligent_voice1.png',1)" onMouseOut="MM_swapImgRestore()"/></a>
<p>辞职申请</p>
</div>
</div>
<div class="list">
<div class="center"><a href="resignation_record.jsp" target="_blank"><img src="img/index_right/Rocket_robot.png" alt="" width="48" height="48" id="Image13" onMouseOver="MM_swapImage('Image13','','img/index_right/Rocket_robot1.png',1)" onMouseOut="MM_swapImgRestore()"/></a>
<p>辞职记录</p>
</div>
</div>
<div class="list">
<div class="center"><a href="transfer_application.jsp" target="_blank"><img src="img/index_right/Smart_chip.png" alt="" width="48" height="48" id="Image14" onMouseOver="MM_swapImage('Image14','','img/index_right/Smart_chip1.png',1)" onMouseOut="MM_swapImgRestore()"/></a>
<p>调职申请</p>
</div>
</div>
</div>
<div class="project">
<div class="list">
<div class="center"><a href="transfer_record.jsp" target="_blank"><img src="img/index_right/Smart_devices.png" alt="" width="48" height="48" id="Image15" onMouseOver="MM_swapImage('Image15','','img/index_right/Smart_devices1.png',1)" onMouseOut="MM_swapImgRestore()"/></a>
<p>调职记录</p>
</div>
</div>
<div class="list">
<div class="center"><a href="attendance_record.jsp" target="_blank"><img src="img/index_right/Smart_game.png" alt="" width="48" height="48" id="Image16" onMouseOver="MM_swapImage('Image16','','img/index_right/Smart_game1.png',1)" onMouseOut="MM_swapImgRestore()"/></a>
<p>考勤记录</p>
</div>
</div>
<div class="list">
<div class="center"><a href="holiday_arrangement.jsp" target="_blank"><img src="img/index_right/Smart_home.png" alt="" width="48" height="48" id="Image17" onMouseOver="MM_swapImage('Image17','','img/index_right/Smart_home1.png',1)" onMouseOut="MM_swapImgRestore()"/></a>
<p>假日安排</p>
</div>
</div>
<div class="list">
<div class="center"><a href="travel_record.jsp" target="_blank"><img src="img/index_right/Smart_setting.png" alt="" width="48" height="48" id="Image18" onMouseOver="MM_swapImage('Image18','','img/index_right/Smart_setting1.png',1)" onMouseOut="MM_swapImgRestore()"/></a>
<p>出差记录</p>
</div>
</div>
<div class="list">
<div class="center"><a href="holiday_record.jsp" target="_blank"><img src="img/index_right/The_robot.png" alt="" width="48" height="48" id="Image19" onMouseOver="MM_swapImage('Image19','','img/index_right/The_robot1.png',1)" onMouseOut="MM_swapImgRestore()"/></a>
<p>假日记录</p>
</div>
</div>
<div class="list">
<div class="center"><a href="change_the_password.jsp" target="_blank"><img src="img/index_right/unmanned.png" alt="" width="48" height="48" id="Image21" onMouseOver="MM_swapImage('Image21','','img/index_right/unmanned1.png',1)" onMouseOut="MM_swapImgRestore()"/></a>
<p>修改密码</p>
</div>
</div>
<div class="list">
<div class="center"><a href="login.jsp" target="_self"><img src="img/index_right/Visual_intelligence.png" alt="" width="48" height="48" id="Image20" onMouseOver="MM_swapImage('Image20','','img/index_right/Visual_intelligence1.png',1)" onMouseOut="MM_swapImgRestore()"/></a>
<p>退出系统</p>
</div>
</div>
</div>
</div>
</div>
<div class="footer" id="foot">
<div class="copyright">
<p>Copyright © 2018 Qunar.com Inc. All Rights Reserved.</p>
<div class="img">
<i class="icon"></i><span>联系邮箱:jiankangsun@yahoo.com</span>
</div>
<div class="img">
<i class="icon2"></i><span>联系电话:18355042634</span>
</div>
</div>
</div>
</body>
</html>
图片资源在这里哦:
链接:https://pan.baidu.com/s/1gowQs50vHIEEVDP3v3rRew
提取码:gspr