静态京东页面（代码）
提示：图片素材请点击下载，链接：http://pan.baidu.com/s/1eR6oSs6 密码：b3wi
静态京东页面html代码
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档title>
<link type="text/css" rel="stylesheet" href="css/index.css" />
head>
<body>
<div id="subNav">
<div id="subNavCon">
<div id="subNavConLeft">送至:北京div>
<div id="subNavConRight">
<ul>
<li id="sncTxtOne">你好，请登录 <a href="#" id="sncTxt">免费注册a>li>
<li class="sncTxtImg"><img src="imgs/sep.jpg" />li>
<li class="sncTxtfTxt">我的订单li>
<li class="sncTxtImg"><img src="imgs/sep.jpg" />li>
<li class="sncTxtfTxt">我的京东li>
<li class="sncTxtImg"><img src="imgs/sep.jpg" />li>
<li class="sncTxtfTxt">京东会员li>
<li class="sncTxtImg"><img src="imgs/sep.jpg" />li>
<li class="sncTxtfTxt">
<div style="width:20px; height:16px; float:left; margin-top:5px;"><img src="imgs/Tel.jpg" />div>
<div style="font-size:14px; float:left;">手机京东div>
li>
<li class="sncTxtImg"><img src="imgs/sep.jpg" />li>
<li class="sncTxtfTxt">企业采购li>
<li class="sncTxtImg"><img src="imgs/sep.jpg" />li>
<li class="sncTxtfTxt">关注京东li>
<li class="sncTxtImg"><img src="imgs/sep.jpg" />li>
<li class="sncTxtfTxt">客户服务li>
<li class="sncTxtImg"><img src="imgs/sep.jpg" />li>
<li class="sncTxtfTxt">网站导航li>
ul>
div>
div>
div>
<div id="logo">
<div id="logoImg" class="logoCon"><img src="imgs/logo.jpg" style="width:350px; height:115px;" />div>
<div id="logoSea" class="logoCon">
<div id="logoSeaIn">
<div id="logoSeaInput"><input type="text" style="width:478px; height:37px; font-size:16px;"/>div>
<div id="logoSeaInImg"><img src="imgs/sea.jpg" />div>
div>
<div id="logoSeaTxt">
<span style="color:rgb(255,0,0);">买一送一span>
<span>宠物智能span>
<span>华为P9span>
<span>减减减span>
<span>尖货1元span>
<span>图画书span>
<span>鲜花速达span>
<span>12期免息span>
div>
div>
<div id="logoCar" class="logoCon">
<div id="logoCarCon">
<div id="logoCarConCount"><img src="imgs/nu.jpg" />div>
<div id="logoCarConImg"><img src="imgs/car.jpg" />div>
<div id="logoCarConTxt">我的购物车div>
div>
div>
div>
<div id="mainNav">
<div id="mainNavCen">
<div id="mainNavCenLeft"><img src="imgs/allC.jpg">div>
<div id="mainNavCenMid">
<ul>
<li class="mncmTh">服装城li>
<li class="mncmTh">美妆馆li>
<li class="mncmT">美食li>
<li class="mncmTh">全球购li>
<li class="mncmT">闪购li>
<li class="mncmT">团购li>
<li class="mncmTh">夺宝岛li>
<li class="mncmT">金融li>
<li class="mncmT">智能li>
ul>
div>
<div id="mainNavCenRight"><img src="imgs/flag_01.jpg" style="margin-top:8px; margin-left:5px;" />div>
div>
div>
<div id="mainOne">
<div id="mainOneLeft">
<div class="mainOneLeftTxt">家用电器div>
<div class="mainOneLeftFlag"> > div>
<div class="mainOneLeftTxt">手机、数码、京东通信div>
<div class="mainOneLeftFlag"> > div>
<div class="mainOneLeftTxt">电脑、办公div>
<div class="mainOneLeftFlag"> > div>
<div class="mainOneLeftTxt">家居、家具、家装、厨具div>
<div class="mainOneLeftFlag"> > div>
<div class="mainOneLeftTxt">男装、女装、内衣、珠宝div>
<div class="mainOneLeftFlag"> > div>
<div class="mainOneLeftTxt">个护化妆div>
<div class="mainOneLeftFlag"> > div>
<div class="mainOneLeftTxt">鞋靴、箱包、钟表div>
<div class="mainOneLeftFlag"> > div>
<div class="mainOneLeftTxt">运动户外div>
<div class="mainOneLeftFlag"> > div>
<div class="mainOneLeftTxt">汽车、汽车用品div>
<div class="mainOneLeftFlag"> > div>
<div class="mainOneLeftTxt">母婴、玩具乐器div>
<div class="mainOneLeftFlag"> > div>
<div class="mainOneLeftTxt">食品、酒类、生鲜、特产div>
<div class="mainOneLeftFlag"> > div>
<div class="mainOneLeftTxt">营养保健div>
<div class="mainOneLeftFlag"> > div>
<div class="mainOneLeftTxt">图书、音像、电子书div>
<div class="mainOneLeftFlag"> > div>
<div class="mainOneLeftTxt">彩票、旅游、充值、票务div>
<div class="mainOneLeftFlag"> > div>
<div class="mainOneLeftTxt">理财、众筹、白条、保险div>
<div class="mainOneLeftFlag"> > div>
div>
<div id="mainOneCen"><img src="imgs/lunbo.jpg" style="width:840px; height:574px;" />div>
<div id="mainOneRight">
<div id="morTxt">
<div class="morTxtLeft">京东快报div>
<div id="morTxtRight">更多 >div>
div>
<div id="morTxtDv">
<div class="mortdTxt"><span style="font-weight:800; font-size:16px; color:#333;">[特惠]span> 惊！999元秒电脑？div>
<div class="mortdTxt"><span style="font-weight:800; font-size:16px; color:#333;">[公告]span> 京东农资频道正式上线div>
<div class="mortdTxt"><span style="font-weight:800; font-size:16px; color:#333;">[特惠]span> 京东悦读经管周满100减40div>
<div class="mortdTxt"><span style="font-weight:800; font-size:16px; color:#333;">[公告]span> 江浙沿海地区因台风配送延迟div>
<div class="mortdTxt"><span style="font-weight:800; font-size:16px; color:#333;">[特惠]span> 伊利“爸爸去哪儿”特惠div>
div>
<div id="morTxtSer">
<div class="morTxtLeft">生活服务div>
div>
<div id="morTxtSerDv">
<div id="moortsdOne">
<div class="flag02"><img src="imgs/flag_02.jpg" />div>
<div class="flag02Txt">话费div>
div>
<div id="moortsdOne">
<div class="flag02"><img src="imgs/jp.png"/>div>
<div class="flag02Txt">机票div>
div>
<div id="moortsdOne">
<div class="flag02"><img src="imgs/flag_02.jpg" />div>
<div class="flag02Txt">彩票div>
div>
<div id="moortsdOne">
<div class="flag02"><img src="imgs/flag_02.jpg" />div>
<div class="flag02Txt">机票div>
div>
<div id="moortsdOne">
<div class="flag02"><img src="imgs/flag_02.jpg" />div>
<div class="flag02Txt">机票div>
div>
<div id="moortsdOne">
<div class="flag02"><img src="imgs/flag_02.jpg" />div>
<div class="flag02Txt">机票div>
div>
div>
div>
div>
<div id="advs">
<div id="advs1"><img src="imgs/adv1.jpg" />div>
<div id="advs2"><img src="imgs/adv2.jpg" style="width:295px; height:197px;" />div>
<div id="advs3"><img src="imgs/adv3.jpg" style="width:295px; height:197px;" />div>
<div id="advs4"><img src="imgs/adv4.jpg" style="width:295px; height:197px;" />div>
<div id="advs5"><img src="imgs/adv5.jpg" style="width:295px; height:197px;" />div>
div>
<div id="loves">
<div id="loves1">
<div id="lovesTxt">猜你喜欢div>
<div id="lovesImg"><img src="imgs/love0.jpg" />div>
<div id="lovesImg1"><img src="imgs/love0_0.jpg" />div>
<div id="lovesTxt1">换一批div>
div>
<div id="lovesK">
<div class="loveKone">
<div class="loveKoneImg"><img src="imgs/love1.jpg" />div>
<div class="loveKoneTxt">
<div style="font-size:14px; width:170px; margin:auto; line-height:20px;">三星 Galaxy A3 (SM-A3000) 甜梦粉 移动联通div>
<div class="loveKoneM">￥1399.00div>
div>
div>
<div class="loveKoneLine">div>
<div class="loveKone">
<div class="loveKoneImg"><img src="imgs/love2.jpg" />div>
<div class="loveKoneTxt">
<div style="font-size:14px; width:170px; margin:auto; line-height:20px;">三星 Galaxy A3 (SM-A3000) 甜梦粉 移动联通div>
<div class="loveKoneM">￥1399.00div>
div>
div>
<div class="loveKoneLine">div>
<div class="loveKone">
<div class="loveKoneImg"><img src="imgs/love2.jpg" />div>
<div class="loveKoneTxt">
<div style="font-size:14px; width:170px; margin:auto; line-height:20px;">三星 Galaxy A3 (SM-A3000) 甜梦粉 移动联通div>
<div class="loveKoneM">￥1399.00div>
div>
div>
<div class="loveKoneLine">div>
<div class="loveKone">
<div class="loveKoneImg"><img src="imgs/love1.jpg" />div>
<div class="loveKoneTxt">
<div style="font-size:14px; width:170px; margin:auto; line-height:20px;">三星 Galaxy A3 (SM-A3000) 甜梦粉 移动联通div>
<div class="loveKoneM">￥1399.00div>
div>
div>
<div class="loveKoneLine">div>
<div class="loveKone">
<div class="loveKoneImg"><img src="imgs/love1.jpg" />div>
<div class="loveKoneTxt">
<div style="font-size:14px; width:170px; margin:auto; line-height:20px;">三星 Galaxy A3 (SM-A3000) 甜梦粉 移动联通div>
<div class="loveKoneM">￥1399.00div>
div>
div>
<div class="loveKoneLine">div>
div>
div>
<div id="jdStyle">
<div id="jdStyleText">京东特色购div>
<div id="jdStyleCon">
<div id="sOne">
<div class="sOneCon1"><img src="imgs/s1.jpg" />div>
<div class="sOneCon2"><img src="imgs/s2.jpg" />div>
<div class="sOneCon1"><img src="imgs/s1.jpg" />div>
<div class="sOneCon1"><img src="imgs/s1.jpg" />div>
<div id="sOneCon12"><img src="imgs/wj.png" />div>
div>
<div id="sTwo">
<div class="sOneCon1"><img src="imgs/s1.jpg" />div>
<div class="sOneCon1"><img src="imgs/s1.jpg" />div>
<div class="sOneCon1"><img src="imgs/s3.jpg" />div>
<div class="sOneCon1"><img src="imgs/s1.jpg" />div>
<div id="sOneCon3">
<div id="soc3Img"><img src="imgs/s4.jpg" />div>
<div id="soc3">
<div id="soc3Img1"><img src="imgs/xj.png" />div>
<div id="soc3Line">div>
<div id="soc3Txt">
<div class="soc3txt">[手机] 魅族MX5 <a style="color:rgb(255,0,0); font-size:16px;">1999火热约a>div>
<div class="soc3txt">[家电] 48小时4k智能 <a style="color:rgb(255,0,0); font-size:16px;">限量2399a>div>
<div class="soc3txt">[智能] 乐心手环 <a style="color:rgb(255,0,0); font-size:16px;">199火热约a>div>
<div class="soc3txt">[试用] <a style="color:rgb(255,0,0); font-size:16px;">0元备战情人节a>div>
div>
div>
div>
div>
div>
div>
<div id="znsm">
<div id="head">
<div id="head1">智能数码div>
<div id="head2">
<ul>
<li class="headTxt">电脑馆li>
<li class="headImg"><img src="imgs/sep.jpg" />li>
<li class="headTxt">游戏极品li>
<li class="headImg"><img src="imgs/sep.jpg" />li>
<li class="headTxt">装机大师li>
<li class="headImg"><img src="imgs/sep.jpg" />li>
<li class="headTxt">开学装备li>
<li class="headImg"><img src="imgs/sep.jpg" />li>
<li class="headTxt">虚拟现实li>
<li class="headImg"><img src="imgs/sep.jpg" />li>
<li class="headTxt">二合一平板li>
<li class="headImg"><img src="imgs/sep.jpg" />li>
<li class="headTxt">摄影社区li>
<li class="headImg"><img src="imgs/sep.jpg" />li>
<li class="headTxt">全球智选li>
<li class="headImg"><img src="imgs/sep.jpg" />li>
<li class="headTxt">照片冲印li>
ul>
div>
div>
<div id="body">
<div id="body1">
<div id="body11"><img src="imgs/01.jpg" />div>
<div id="body12">
<div class="body0"><img src="imgs/02.png" />div>
<div class="body0"><img src="imgs/03.png" />div>
<div class="body0"><img src="imgs/04.png" />div>
<div class="body0"><img src="imgs/05.jpg" />div>
<div class="body0"><img src="imgs/06.jpg" />div>
<div class="body01"><img src="imgs/07.jpg" />div>
<div class="body01"><img src="imgs/08.jpg" />div>
<div class="body01"><img src="imgs/09.jpg" />div>
<div class="body01"><img src="imgs/10.jpg" />div>
<div class="body01"><img src="imgs/11.jpg" />div>
div>
div>
<div id="body2">
<div class="body00"><img src="imgs/12.jpg" />div>
<div class="body00"><img src="imgs/13.jpg" />div>
<div class="body00"><img src="imgs/14.jpg" />div>
<div class="body00"><img src="imgs/12.jpg" />div>
<div class="body00"><img src="imgs/14.jpg" />div>
<div class="body00"><img src="imgs/12.jpg" />div>
div>
div>
div>
<div id="dkhs"><img src="imgs/dkhs.jpg" />div>
<div id="last1">
<div class="one">
<div class="one1">购物指南div>
<div class="one2">购物流程div>
<div class="one2">会员介绍div>
<div class="one2">生活旅行div>
<div class="one2">常见问题div>
<div class="one2">大家电div>
<div class="one2">联系客服div>
div>
<div class="one">
<div class="one1">配送方式div>
<div class="one2">上门自提div>
<div class="one2">211限时达div>
<div class="one2">配送服务查询div>
<div class="one2">配送费收取标准div>
<div class="one2">海外配送div>
div>
<div class="one">
<div class="one1">支付方式div>
<div class="one2">货到付款div>
<div class="one2">在线支付div>
<div class="one2">分期付款div>
<div class="one2">邮局汇款div>
<div class="one2">公司转账div>
div>
<div class="one">
<div class="one1">售后服务div>
<div class="one2">售后政策div>
<div class="one2">价格保护div>
<div class="one2">退款说明div>
<div class="one2">返修/退换货div>
<div class="one2">取消订单div>
div>
<div class="one">
<div class="one1">特色服务div>
<div class="one2">夺宝岛div>
<div class="one2">DIY装机div>
<div class="one2">延保服务div>
<div class="one2">京东E卡div>
<div class="one2">京东通信div>
<div class="one2">京东JD+div>
div>
<div id="two">
<div id="two1">京东自营覆盖区县div>
<div id="two2">京东已向全国2661个区县提供自营配送服务，支持货到付款、POS机刷卡和售后上门服务。div>
<div id="two3">查看详情 >div>
div>
div>
<div id="last2">
<div id="last21">
<ul>
<li class="style1">关于我们li>
<li class="style2">|li>
<li class="style1">联系我们li>
<li class="style2">|li>
<li class="style1">联系客服li>
<li class="style2">|li>
<li class="style1">商家入驻li>
<li class="style2">|li>
<li class="style1">营销中心li>
<li class="style2">|li>
<li class="style1">手机京东li>
<li class="style2">|li>
<li class="style1">友情链接li>
<li class="style2">|li>
<li class="style1">销售联盟li>
<li class="style2">|li>
<li class="style1">京东社区li>
<li class="style2">|li>
<li class="style1">风险监测li>
<li class="style2">|li>
<li class="style1">隐私政策li>
<li class="style2">|li>
<li class="style1">京东公益li>
<li class="style2">|li>
<li class="style1">English Siteli>
<li class="style2">|li>
<li class="style1">Contact Usli>
ul>
div>
<div id="last22">
<ul>
<li class="style3">京公网安备 11000002000088号li>
<li class="style4">|li>
<li class="style3">京ICP证070359号li>
<li class="style4">|li>
<li class="style3">互联网药品信息服务资格证编号(京)-经营性-2014-0008li>
<li class="style4">|li>
<li class="style3">新出发京零 字第大120007号li>
ul>
div>
<div id="last23">
<ul>
<li class="style3">互联网出版许可证编号新出网证(京)字150号li>
<li class="style4">|li>
<li class="style3">出版物经营许可证li>
<li class="style4">|li>
<li class="style3">网络文化经营许可证京网文[2014]2148-348号li>
<li class="style4">|li>
<li class="style3">违法和不良信息举报电话：4006561155li>
ul>
div>
<div id="last24">
<ul>
<li class="style3">Copyright ? 2004 - 2017 京东JD.com 版权所有li>
<li class="style4">|li>
<li class="style3">消费者维权热线：4006067733经营证照li>
ul>
div>
<div id="last25">
<ul>
<li class="style3">京东旗下网站：京东钱包li>
<li class="style4">|li>
<li class="style3">京东云li>
ul>
div>
<div id="lastImg"><img src="imgs/dd.jpg" />div>
div>
body>
html>
静态京东页面css代码
@charset "utf-8";
/* CSS Document */
*{
margin:0px;
padding:0px;
font-size:12px;
}
#subNav{
border:0px solid rgb(255,0,0);
width:100%;
height:30px;
background:url(../imgs/bg_01.jpg);
}
#subNav #subNavCon{
border:0px solid rgb(255,0,0);
width:1450px;
height:30px;
margin:0px auto;
}
#subNav #subNavCon #subNavConLeft{
border:0px solid rgb(255,0,0);
width:80px;
float:left;
font-size:16px;
text-align:center;
line-height:30px;
color:rgb(102,102,102);
}
#subNav #subNavCon #subNavConRight{
border:0px solid rgb(255,0,0);
width:910px;
float:right;
}
#subNavConRight ul{
list-style:none;
}
#subNavConRight ul li{
border:0px solid rgb(255,0,0);
font-size:14px;
color:rgb(102,102,102);
line-height:30px;
float:left;
text-align:center;
}
#sncTxt{
color:rgb(255,0,0);
font-size:14px;
text-decoration:none;
}
#sncTxtOne{
width:170px;
}
.sncTxtImg img{ /*图片转换为块元素*/
display:block;
}
.sncTxtImg{
width:1px;
line-height:30px;
margin-top:8px;
}
.sncTxtfTxt{
width:90px;
}
#logo{
border:0px solid rgb(255,0,0);
height:115px;
width:1450px;
margin:auto;
}
.logoCon{
border:0px solid rgb(255,0,0);
height:115px;
}
#logoImg{
width:350px;
float:left;
}
#logoSea{
width:580px;
float:left;
}
#logoCar{
width:350px;
float:right;
position:relative;
}
#logoSeaIn{
border:2px solid rgb(255,0,0);
height:40px;
width:580px;
margin-top:30px;
}
#logoSeaInput{
width:479px;
height:40px;
float:left;
}
#logoSeaInImg{
width:101px;
height:40px;
float:left;
}
#logoSeaTxt{
border:0px solid rgb(255,0,0);
margin-top:5px;
font-size:16px;
}
#logoSeaTxt span{
font-size:14px;
color:rgb(153,153,153);
margin-left:10px;
}
#logoCarCon{
border:1px solid rgb(204,204,204);
width:200px;
height:40px;
margin:30px auto;
background:rgb(239,239,239);
}
#logoCarConImg{
border:0px solid rgb(255,0,0);
width:21px;
height:17px;
float:left;
margin-top:10px;
margin-left:20px;
}
#logoCarConTxt{
border:0px solid rgb(255,0,0);
width:100px;
height:17px;
font-size:14px;
color:rgb(153,153,153);
float:left;
margin-top:10px;
margin-left:10px;
}
#logoCarConCount{
width:20px;
height:17px;
position:absolute;
left:196px;
top:25px;
}
#mainNav{
border-bottom:2px solid #DD0631;
height:55px;
}
#mainNavCen{
border:0px solid #ff0000;
width:1450px;
height:55px;
margin:0px auto;
position:relative;
}
#mainNavCenLeft{
border:0px solid #ff0000;
height:55px;
width:263px;
float:left;
position:absolute;
left:0px;
top:0px;
}
#mainNavCenMid{
border:0px solid #ff0000;
height:55px;
width:820px;
position:absolute;
left:263px;
top:0px;
}
#mainNavCenRight{
border:0px solid #ff0000;
height:55px;
width:200px;
float:right;
}
#mainNavCenMid ul{
list-style:none;
}
.mncmTh{
border:0px solid #ff0000;
font-size:22px;
font-weight:300;/*加粗*/
width:95px;
text-align:center;
line-height:55px;
float:left;
}
.mncmT{
border:0px solid rgb(255,0,0);
font-size:22px;
font-weight:300;
width:85px;
text-align:center;
line-height:55px;
float:left;
}
#mainOne{
border:0px solid rgb(255,0,0);
width:1450px;
margin:0px auto;
height:584px;
}
#mainOneLeft{
border:0px solid rgb(255,0,0);
height:584px;
width:263px;
float:left;
background-color:rgb(164,0,37);
}
#mainOneCen{
border:0px solid rgb(255,0,0);
height:574px;
width:840px;
float:left;
margin-left:12px;
margin-top:10px;
}
#mainOneRight{
border:1px solid rgb(201,204,205);
height:574px;
width:314px;
float:left;
margin-left:12px;
margin-top:10px;
}
.mainOneLeftTxt{
border:0px solid rgb(0,255,0);
width:220px;
float:left;
color:rgb(255,255,255);
font-size:20px;
font-weight:300;
height:35px;
line-height:35px;
padding-left:10px;
}
.mainOneLeftFlag{
border:0px solid rgb(0,255,0);
width:20px;
text-align:center;
float:right;
font-size:20px;
font-weight:300;
height:35px;
line-height:35px;
color:rgb(255,255,255);
}
#morTxt{
border-bottom:1px solid rgb(201,204,205);
height:60px;
}
.morTxtLeft{
border:0px solid rgb(255,0,0);
font-size:24px;
color:rgb(153,153,153);
width:100px;
float:left;
margin-top:16px;
margin-left:20px;
}
#morTxtRight{
border:0px solid rgb(255,0,0);
font-size:16px;
color:rgb(153,153,153);
width:70px;
float:right;
margin-top:18px;
}
#morTxtDv{
border-bottom:1px dashed rgb(201,204,205);
height:160px;
}
.mortdTxt{
border:0px solid rgb(255,0,0);
width:280px;
margin:auto;
font-size:16px;
color:rgb(153,153,153);
margin-top:10px;
}
#morTxtSerDv{
border-top:1px dashed rgb(201,204,205);
clear:both;
margin-top:60px;
height:276px;
}
#moortsdOne{
border-bottom:1px solid rgb(201,204,205);
border-right:1px solid rgb(201,204,205);
width:78px;
height:80px;
padding-top:20px;
float:left;
}
.flag02{
border:0px solid rgb(255,0,0);
width:29px;
height:30px;
margin:auto;
}
.flag02Txt{
border:0px solid rgb(255,0,0);
font-size:16px;
color:rgb(153,153,153);
margin-top:10px;
text-align:center;
}
#advs{
border:0px solid rgb(0,255,0);
width:1450px;
margin:auto;
height:197px;
}
#advs1{
border:0px solid rgb(255,0,0);
width:263px;
height:197px;
float:left;
}
#advs2{
border-right:1px solid rgb(255,255,255);
float:left;
}
#advs3{
border-right:1px solid rgb(255,255,255);
float:left;
}
#advs4{
border-right:1px solid rgb(255,255,255);
float:left;
}
#advs5{
border-right:1px solid rgb(255,255,255);
float:left;
}
#loves{
border:0px solid rgb(255,0,0);
width:1450px;
height:314px;
margin:20px auto;
}
#loves1{
border:0px solid rgb(0,255,0);
height:40px;
}
#lovesTxt{
border:0px solid rgb(255,0,0);
font-size:28px;
line-height:40px;
width:120px;
float:left;
}
#lovesImg{
border:0px solid rgb(255,0,0);
width:244px;
height:30px;
float:left;
margin-top:10px;
}
#lovesImg1{
border:0px solid rgb(255,0,0);
width:23px;
height:33px;
float:right;
margin-top:4px;
margin-right:5px;
}
#lovesTxt1{
border:0px solid rgb(255,0,0);
font-size:16px;
line-height:40px;
width:55px;
float:right;
}
#loveK{
border:0px solid rgb(204,204,204);
height:270px;
clear:both;
}
.loveKone{
border:0px solid rgb(255,0,0);
height:270px;
width:250px;
float:left;
}
.loveKoneImg{
border:0px solid rgb(255,0,0);
width:200px;
height:180px;
margin:auto;
}
.loveKoneM{
border:0px solid rgb(255,0,0);
font-size:18px;
line-height:30px;
width:90px;
margin-left:39px;
}
.loveKoneLine{
height:70px;
width:1px;
background-color:rgb(204,204,204);
float:left;
margin-top:180px;
}
#jdStyle{
border:0px solid rgb(255,0,0);
width:1450px;
height:560px;
margin:auto;
}
#jdStyleText{
border:0px solid rgb(255,0,0);
font-size:30px;
height:52px;
width:150px;
line-height:52px;
}
#jdStyleCon{
border:1px solid rgb(204,204,204);
height:504px;
}
#sOne{
border-bottom:1px solid rgb(204,204,204);
height:250px;
}
.sOneCon1{
border-right:1px solid rgb(204,204,204);
width:251px;
height:250px;
float:left;
}
.sOneCon2{
border-right:1px solid rgb(204,204,204);
width:504px;
height:250px;
float:left;
}
#sOneCon12{
border:0px solid rgb(255,0,0);
width:188px;
height:248px;
float:left;
}
#sTwo{
border:0px solid rgb(204,204,204);
height:250px;
}
#sOneCon3{
border:0px solid rgb(255,0,0);
width:440px;
height:250px;
float:left;
}
#soc3Img{
border:0px solid rgb(255,0,0);
width:343px;
height:76px;
margin:auto;
margin-top:10px;
}
#soc3{
border:0px solid rgb(0,255,0);
width:420px;
height:160px;
margin:auto;
}
#soc3Img1{
border:0px solid rgb(0,0,255);
width:130px;
height:150px;
margin-left:15px;
margin-top:4px;
float:left;
}
#soc3Line{
border:0px dashed #CCCCCC;
width:1px;
height:140px;
background-color:rgb(204,204,204);
margin:auto;
float:left;
margin-left:15px;
margin-top:14px;
}
#soc3Txt{
border:0px solid rgb(0,0,255);
height:146px;
width:240px;
margin-left:15px;
margin-top:6px;
float:left;}
.soc3txt{
border:0px solid rgb(255,0,0);
font-size:16px;
height:36px;
line-height:36px;
}
#znsm{
border:0px solid rgb(204,204,204);
width:1450px;
height:530px;
margin:auto;
margin-top:5px;
}
#head{
border-bottom:0px solid rgb(204,204,204);
height:40px;
}
#head1{
border:0px solid rgb(153,153,153);
font-size:22px;
width:90px;
height:40px;
line-height:40px;
text-align:left;
float:left;
}
#head2{
border:0px solid rgb(255,0,0);
width:820px;
height:30px;
margin-top:10px;
float:right;
}
#head2 ul{
list-style:none;
}
#head2 ul li{
border:0px solid rgb(255,0,0);
font-size:14px;
color:rgb(102,102,102);
line-height:30px;
float:left;
text-align:center;
}
.headTxt{
width:90px;
}
.headImg{
width:1px;
line-height:30px;
margin-top:8px;
}
.headImg img{
display:block;
}
#body{
border:1px solid rgb(204,204,204);
width:1450px;
height:489px;
}
#body1{
border-bottom:1px solid rgb(204,204,204);
height:323px;
width:1450px;
}
#body11{
width:230px;
height:322px;
float:left;
}
#body12{
border:0px solid rgb(0,255,0);
width:1200px;
height:325px;
float:left;
}
.body0{
border-right:1px solid rgb(204,204,204);
border-bottom:1px solid rgb(204,204,204);
width:236px;
height:161px;
float:left;
}
.body01{
border-right:1px solid rgb(204,204,204);
width:236px;
height:161px;
float:left;
}
#body2{
border:0px solid rgb(0,0,255);
width:1415px;
height:163px;
}
.body00{
border-right:2px solid rgb(204,204,204);
width:228px;
height:163px;
float:left;
}
#dkhs{
border-right:0px solid rgb(153,153,153);
width:1450px;
height:125px;
margin:auto;
margin-top:20px;
}
#last1{
border-bottom:2px solid rgb(214,213,211);
border-top:2px solid rgb(214,213,211);
width:1450px;
height:250px;
margin:auto;
background-color:rgb(219,219,219);
}
.one{
border:0px solid rgb(255,0,0);
width:222px;
height:250px;
float:left;
}
.one1{
border:0px solid rgb(255,0,0);
font-size:18px;
font-family:宋体;
font-weight:700;
width:222px;
height:40px;
line-height:40px;
margin-top:10px;
margin-left:10px;
}
.one2{
border:0px solid rgb(255,0,0);
font-size:13px;
width:222px;
height:28px;
line-height:28px;
margin-left:10px;
}
#two{
border:0px solid rgb(0,0,255);
width:330px;
height:250px;
float:left;
}
#two1{
border:0px solid rgb(255,0,0);
width:340px;
height:40px;
font-size:18px;
font-family:宋体;
font-weight:700;
line-height:40px;
margin-top:10px;
text-align:center;
}
#two2{
border:0px solid rgb(255,0,0);
font-size:13px;
width:190px;
height:60px;
line-height:20px;
margin:auto;
}
#two3{
border:0px solid rgb(255,0,0);
width:65px;
height:20px;
margin-left:210px;
margin-top:5px;
}
#last2{
width:1450px;
height:250px;
margin:auto;
background-color:rgb(219,219,219);
}
#last21{
border:0px solid rgb(255,0,0);
width:1054px;
height:35px;
margin:auto;
margin-bottom:5px;
}
#last21 ul{
list-style:none;
}
.style1{
border:0px solid rgb(255,0,0);
font-family:仿体;
font-size:13px;
color:rgb(102,102,102);
line-height:35px;
font-weight:600;
float:left;
text-align:center;
margin-top:5px;
}
.style2{
border:0px solid rgb(255,0,0);
width:20px;
height:30px;
font-weight:600;
float:left;
color:rgb(180,180,180);
text-align:center;
margin-top:14px;
}
#last22{
border:0px solid rgb(255,0,0);
width:848px;
height:22px;
margin:auto;
}
#last22 ul{
list-style:none;
}
.style3{
border:0px solid rgb(255,0,0);
font-family:仿体;
font-size:13px;
color:rgb(102,102,102);
line-height:22px;
float:left;
text-align:center;
}
.style4{
border:0px solid rgb(255,0,0);
width:20px;
height:22px;
font-weight:600;
float:left;
color:rgb(180,180,180);
text-align:center;
margin-top:3px;
}
#last23{
border:0px solid rgb(255,0,0);
width:923px;
height:28px;
margin:auto;
}
#last23 ul{
list-style:none;
}
#last24{
border:0px solid rgb(255,0,0);
width:537px;
height:28px;
margin:auto;
}
#last24 ul{
list-style:none;
}
#last25{
border:0px solid rgb(255,0,0);
width:206px;
height:28px;
margin:auto;
}
#last25 ul{
list-style:none;
}
#lastImg{
border:0px solid rgb(255,0,0);
width:810px;
height:40px;
margin:auto;
margin-top:12px;
}