HTML部分:
<head>
<meta charset="utf-8">
<title>智慧重汽官网</title>
<link rel="stylesheet" type="text/css" href="Zhihuizhongqi.css"/>
<link rel="icon" href="img/QQ20160522222257.jpg"/>
</head>
<body>
<div class="dingsipingmu">
<div class="head">
<div class="head-head">
<p>您好,欢迎来到智慧重汽!</p>
<a class="a1">[登录]</a>
<a class="a2">注册</a>
<a class="a3" id="a">☰ 网站地图</a>
<a class="a3">★ 我的收藏</a><span>|</span>
<a class="a3">我的车辆</a><span>|</span>
<a class="a3"> 我的订单</a><span>|</span>
<a class="a3">智慧重汽首页</a><span>|</span>
</div>
<div class="head-body">
<img class="logo"src="img/20151217085712_73.png"/>
<input class="button2"
type="button"
value="✈ 购物车 0" />
<input class="button1"
type="button"
value="搜索" />
<input class="text"
type="text"
value=" 配件名称、图号"/>
<a class="a4">主轴</a>
<a>离合器</a>
<a>防冻液</a>
<a>暖风机</a>
<a class="a5">热门搜索:</a>
</div>
<div class="head-foot">
<div class="left"><p>产品分类<p></div>
<div class="right">
<a>首页</a>
<a>亲人配件</a>
<a>亲人服务</a>
<a>配件防伪</a>
<img class="img1" src="img/hot.png"/>
<a>智能通</a>
<p>APP下载</p>
<img class="img2" src="img/763eb719807a46f4a5c4f62435eee59b.png"/>
</div>
</div>
</div>
<div class="body">
<div class="b1left">
<a><p>保养品<span></span></p><img src="img/m_hot.png" /></a>
<a><p>驾驶室类<span></span></p></a>
<a><p>发动机类<span></span></p></a>
<a><p>桥箱类<span></span></p></a>
<a><p>前轴及转向<span></span></p></a>
<a><p>电器类<span></span></p></a>
<a><p>底盘类<span></span></p><img src="img/m_hot.png" /></a>
<a><p>品牌商品<span></span></p></a>
</div>
<div class="b1center"><img src="img/20151215110638_207.jpg"/></div>
<div class="b1right">
<div class="b1rightt"></div>
<div class="b1rightb">
<a><div>1</div><p>智慧重汽上线促销活动</p></a>
<a><div>2</div><p>陪伴,因为有你们</p></a>
<a><div>3</div><p>互联网+专家曹磊:分享...</p></a>
<a><div>4</div><p>【姚蔚七日谈】重汽玩的...</p></a>
<a><div>5</div><p>【重磅回归】中国重汽曼...</p></a>
<a><div>6</div><p>互利共赢———中国重汽表...</p></a>
<a><div>7</div><p>【推荐阅读】马纯济:走...</p></a>
</div>
</div>
<div class="b2left"><img src="img/20151217193856_641.jpg"/></div>
<div class="b2center"><img src="img/20151217193846_822.jpg"/></div>
<div class="b2right"><img src="img/20151209002939_388.jpg"/></div>
<div class="b4">
<div class="b4-3">
<img src="img/20160523173142.png" style="margin-top:-2px;"/>
您当前的位置
<select name="省份">
<option>山东</option>
<option>广东</option>
</select>
<select name="城市">
<option>烟台</option>
<option>济南</option>
<option>青岛</option>
</select>
<img src="img/20160523172343.jpg"/>
</div>
<div class="b4-1"><p style="margin-top:5px;">服务预约</p></div>
<div class="b4-2"><p style="margin-top:5px;">一键报修</p></div>
</div>
<div class="b5">
<div class="b5left">
<div class="b5left1"><a>附近服务站</a></div>
<div class="b5left2"><a>附近经销商</a></div>
</div>
<div class="b5right">
<div class="b5right1">
<a>中国重汽烟台集大特约服务站</a>
<div class="b5div">详细地址:烟台市芝罘区冰轮路45号</div>
<div class="b5div">所在区域:山东烟台<img src="img/20160524090430.png"/>
</div>
<div class="b5div">联系电话:0535-6897519</div>
<div class="b5div">主修业务:卡车</div>
<div class="b5div">用户评分:
<span style="font-size:16px;
color:#FF9900;">★★★★★</span>(5.0)</div>
</div>
<div class="b5right2">
<a>中国重汽烟台集大特约服务站</a>
<div class="b5div">详细地址:烟台市芝罘区冰轮路45号</div>
<div class="b5div">所在区域:山东烟台<img src="img/20160524090430.png"/>
</div>
<div class="b5div">详细地址:烟台市芝罘区冰轮路45号</div>
<div class="b5div">详细地址:烟台市芝罘区冰轮路45号</div>
<div class="b5div">用户评分:
<span style="font-size:16px;
color:#FF9900;">★★★★★</span>(5.0)</div>
</div>
<div class="b5right3">
<a>中国重汽烟台集大特约服务站</a>
<div class="b5div">详细地址:烟台市芝罘区冰轮路45号</div>
<div class="b5div">所在区域:山东烟台<img src="img/20160524090430.png"/>
</div>
<div class="b5div">详细地址:烟台市芝罘区冰轮路45号</div>
<div class="b5div">详细地址:烟台市芝罘区冰轮路45号</div>
<div class="b5div">用户评分:
<span style="font-size:16px;
color:#FF9900;">★★★★★</span>(5.0)</div>
</div>
<div class="b5right4">
<a>中国重汽烟台集大特约服务站</a>
<div class="b5div">详细地址:烟台市芝罘区冰轮路45号</div>
<div class="b5div">所在区域:山东烟台<img src="img/20160524090430.png"/>
</div>
<div class="b5div">详细地址:烟台市芝罘区冰轮路45号</div>
<div class="b5div">详细地址:烟台市芝罘区冰轮路45号</div>
<div class="b5div">用户评分:
<span style="font-size:16px;
color:#FF9900;">★★★★★</span>(5.0)</div>
</div>
<div class="b5right5">
<a>中国重汽烟台集大特约服务站</a>
<div class="b5div">详细地址:烟台市芝罘区冰轮路45号</div>
<div class="b5div">所在区域:山东烟台<img src="img/20160524090430.png"/>
</div>
<div class="b5div">详细地址:烟台市芝罘区冰轮路45号</div>
<div class="b5div">详细地址:烟台市芝罘区冰轮路45号</div>
<div class="b5div">用户评分:
<span style="font-size:16px;
color:#FF9900;">★★★★★</span>(5.0)</div>
</div>
<div class="b5right6">
<a>中国重汽烟台集大特约服务站</a>
<div class="b5div">详细地址:烟台市芝罘区冰轮路45号</div>
<div class="b5div">所在区域:山东烟台<img src="img/20160524090430.png"/>
</div>
<div class="b5div">详细地址:烟台市芝罘区冰轮路45号</div>
<div class="b5div">详细地址:烟台市芝罘区冰轮路45号</div>
<div class="b5div">用户评分:
<span style="font-size:16px;
color:#FF9900;">★★★★★</span>(5.0)</div>
</div>
</div>
</div>
<div class="b6"><img src="img/index_cxban.png"/></div>
<div class="b7">
<div class="b7left">推荐产品</div>
<div class="b7right">
<div class="b7right1">
<span>保养品</span>
<img class="img1" src="img/m_hot.png"/>
</div>
<div><span>驾驶室类</span></div>
<div><span>发动机类</span></div>
<div><span>桥箱类</span></div>
<div><span>前轴及转向</span></div>
<div><span>电器类</span></div>
<div><span>底盘类</span></div>
<div>
<span>品牌商品</span>
<img class="img2" src="img/m_hot.png"/></div>
</div>
</div>
<div class="b8">
<ul>
<li class="li1">
<h4 class="h">滤芯(曼.胡默尔 )</h4>
<div class="div8-1">图号:WG9925550202</div>
<div class="div8-2">¥117.54</div>
<div class="div8-3">
<img src="img/wg9925550202-0.jpg" />
</div>
</li>
<li class="li2">
<h4 class="h">滤芯总成</h4>
<div class="div8-1">图号:WG9925550202</div>
<div class="div8-2">¥103.38</div>
<div class="div8-3">
<img src="img/common_pic.jpg" />
</div>
</li>
<li class="li3">
<h4 class="h">机油滤芯+O型圈</h4>
<div class="div8-1">图号:WG9925550202</div>
<div class="div8-2">¥82.66</div>
<div class="div8-3">
<img src="img/082v05504-0098-0.jpg" />
</div>
</li>
<li class="li4">
<h4 class="h">主滤芯(曼.胡默尔 )</h4>
<div class="div8-1">图号:WG9925550202</div>
<div class="div8-2">¥191.18</div>
<div class="div8-3">
<img src="img/710w08405-0021-0.jpg" />
</div>
</li>
<li class="li5">
<h4 class="h">安全滤芯(曼.胡默尔 )</h4>
<div class="div8-1">图号:WG9925550202</div>
<div class="div8-2">¥99.13</div>
<div class="div8-3">
<img src="img/710w08405-0017-0.jpg" />
</div>
</li>
<li class="li6">
<h4 class="h">滤芯总成</h4>
<div class="div8-1">图号:WG9925550202</div>
<div class="div8-2">¥25.01</div>
<div class="div8-3">
<img src="img/wg9925470033001-0.jpg" />
</div>
</li>
<li class="li7">
<h4 class="h">滤芯总成</h4>
<div class="div8-1">图号:WG9925550202</div>
<div class="div8-2">¥26.48</div>
<div class="div8-3">
<img src="img/wg9725470060001-0.jpg" />
</div>
</li>
<li class="li8">
<h4 class="h">机油滤芯组件</h4>
<div class="div8-1">图号:WG9925550202</div>
<div class="div8-2">¥79.63</div>
<div class="div8-3">
<img src="img/080v05504-6105-0.jpg" />
</div>
</li>
</ul>
</div>
<div class="b9">
<a>用车宝典</a>
</div>
<div class="b10">
<div class="b10left">
<div class="b10title">
<a class="a6">驾驶技巧</a>
<a class="a7">MORE+</a>
</div>
<ul>
<li class="li9">
<div class="b10leftimg">
<img src="img/20160322133426_919.jpg"/>
</div>
<div class="b10leftimgrig"><br/>
<a class="a8">液力缓速器操作说明</a><br/>
<a class="a9">缓速器控制方式:驾驶员通过扳动缓速器手柄开关①来实现对缓速器控
制。分五挡,各挡...</a>
</div>
</li>
<li class="li10">
<div class="b10leftimg">
<img src="img/20160322113019_491.jpg"/>
</div>
<div class="b10leftimgrig"><br/>
<a class="a8">发动机排气制动的使用</a><br/>
<a class="a9">缓速器控制方式:驾驶员通过扳动缓速器手柄开关①来实现对缓速器控
制。分五挡,各挡...</a>
</div>
</li>
<li class="li11">
<div class="b10leftimg">
<img src="img/20160321184705_461.jpg"/>
</div>
<div class="b10leftimgrig"><br/>
<a class="a8">差速锁的使用</a><br/>
<a class="a9">缓速器控制方式:驾驶员通过扳动缓速器手柄开关①来实现对缓速器控
制。分五挡,各挡...</a>
</div>
</li>
</ul>
</div>
<div class="b10center">
<div class="b10title">
<a class="a6">保养心得</a>
<a class="a7">MORE+</a>
</div><br/>
<a class="a10"> <span>2016.03.22</span>
<span>燃油粗滤器定期放水</span>
</a>
<a class="a10"> <span>2016.03.22</span>
<span>空气滤清器的使用和保养</span>
</a>
<a class="a10"> <span>2016.03.22</span>
<span>发动机皮带定期保养</span>
</a>
<a class="a10"> <span>2016.03.22</span>
<span>传动轴日常维护与保养</span>
</a>
<a class="a10"> <span>2016.03.22</span>
<span>储气筒定期检查放水</span>
</a>
<a class="a10"> <span>2016.03.22</span>
<span>鞍座的维护和保养</span>
</a>
<a class="a10"> <span>2016.03.22</span>
<span>MC11发动机机油的检查和更换</span>
</a>
<a class="a10"> <span>2016.03.22</span>
<span>MC07发动机机油的检查和更换</span>
</a>
<a class="a10"> <span>2016.03.22</span>
<span>HW12变速箱的保养</span>
</a>
</div>
<div class="b10right">
<div class="b10title">
<a class="a6">常见故障</a>
<a class="a7">MORE+</a>
</div>
<div class="b10rightimg">
<img src="img/20160322135155_207.jpg"/>
</div>
<a class="a11">方向沉并伴有异响</a>
<ul>
<li class="li9"><a>转向沉重卡滞</a></li>
<li class="li9"><a>制动跑偏</a></li>
<li class="li9"><a>车辆近光灯远光灯不亮</a></li>
<li class="li9"><a>双转向桥转向沉重</a></li>
<li class="li9"><a>全车无电</a></li>
<li class="li9"><a>取力器漏油</a></li>
</ul>
</div>
</div>
</div>
<div class="foot">
<div class="foot-head">
<div class="d1-1">
<p class="c1"> </p></div>
<div class="d1-2">
官方正品 放心选购
</div>
<div class="d2-1">
<p class="c1"> </p></div>
<div class="d2-2">
价格透明 用心服务
</div>
<div class="d3-1">
<p class="c1"> </p></div>
<div class="d3-2">
急速物流 及时送达
</div>
<div class="d4-1">
<p class="c1"> </p></div>
<div class="d4-2">
智能搜索 准确适配
</div>
</div>
<div class="foot-body">
<div class="left1">
<p>新手入门</p>
<p>特色服务</p>
<p>支付配送</p>
<p>售后服务</p>
<p>关于我们</p>
<p>法律声明</p>
<a>如何注册</a>
<a>手机APP</a>
<a>在线支付</a>
<a>售后政策</a>
<a>智慧重汽</a>
<a>退款说明</a>
<a>购物流程</a>
<a>一键报修</a>
<a>发票说明</a>
<a>售后质保</a>
<a>联系我们</a>
<a>法律声明</a>
<a>报修流程</a>
<a>配件防伪</a>
<a>配送服务</a>
<a>退货说明</a>
<a>在线客服</a>
<a></a>
<a>常见问题</a>
<a>品质保障</a>
<a>运费说明</a>
<a>报修服务</a>
<a></a>
<a></a>
</div>
<div class="right1">
<div class="div1"><img src="img/20151202173651_582.jpg"
style="margin-left:5px;margin-top:5px;" />
<a style=" font-size:12px;
color:#333333;
text-align:center;
margin-left:25px;">APP下载</a>
</div>
<div class="div2">
<a>7×24小时客户服务中心</a>
<br/>
<p>4001-888-666</p>
<br/>
<img src="img/share_ico.png"/>
</div>
</div>
</div>
<div class="foot-foot">
<p class="p1">©2016 中国重汽集团济南地球村电子商务有限公司</p>
<p class="p2">版权所有 鲁ICP备16011179号 </p>
</div>
</div>
</div>
</body>
CSS部分;
body{
margin:0px;
}
.dingsipingmu{
width:1350px;
margin:0px auto;
}
.head{
width:100%;
height:187px;
margin:0px;
}
.head-head{
width:100%;
height:41px;
margin:0px;
background-color:#F4F5F6;
}
.head-head p{
width:150px;
height:41px;
color:#272727;
text-align:center;
margin-left:72px;
font-size:12px;
float:left;
}
.head-head .a1{
text-align:center;
width:45px;
height:41px;
color:#E70014;
float:left;
font-size:12px;
margin-top:12px;
}
.head-head .a1:hover{
text-decoration:underline;
}
.head-head .a2{
text-align:center;
width:45px;
height:41px;
color:#272727;
float:left;
font-size:12px;
margin-top:12px;
}
.head-head .a2:hover{
color:#E70014;
text-decoration:underline;
transition:color .5s ease;
}
.head-head .a3{
float:right;
width:80px;
height:41px;
font-size:12px;
margin-top:12px;
color:#272727;
}
#a{
margin-right:45px;
}
.head-head .a3:hover{
color:#E70014;
transition:color .5s ease;
}
.head-head span{
color:#C8B6CC;
margin-right:-78px;
margin-top:12px;
float:right;
font-size:12px;
}
.head-body{
width:100%;
height:102px;
margin:0px;
background-color:#FFFFFF;
}
.logo{
margin-top:17px;
margin-left:-239px;
clear:both;
}
.head-body .text{
width:450px;
height:30px;
color:#767676;
border:1px solid #E70014;
background-color:#FFFFFF;
float:right;
clear:both;
margin-right:306px;
margin-top:-60px;
}
.head-body .button1{
width:71px;
height:34px;
color:#FFF;
background-color:#E70014;
border:1px solid #E70014;
float:right;
clear:both;
margin-right:235px;
margin-top:-34px;
}
.head-body .button2{
width:135px;
height:34px;
color:#FFF;
background-color:#FF9900;
border:1px solid #FF9900;
float:right;
clear:both;
margin-right:77px;
}
.head-body a{
font-size:12px;
color:#767676;
width:60px;
height:22px;
float:right;
margin-top:-18px;
}
.head-body a:hover{
color:#E70014;
transition:color .3s ease;
}
.head-body .a5:hover{
color:#767676;
transition:color .3s ease;
}
.head-body .a4{
margin-right:450px;
}
.head-foot{
width:100%;
height:44px;
margin:0pxl
background-color:#FFFFFF;
}
.head-foot .left{
width:200px;
height:44px;
background-color:#E70014;
border:1px solid #E70014;
margin-left:77px;
float:left;
}
.left p{
margin-top:10px;
color:#FFF;
text-align:center;
}
.right{
width:985px;
height:44px;
background-color:#404040;
border:1px solid #404040;
float:left;
}
.right a{
margin-top:10px;
color:#FFF;
text-align:center;
width:124px;
height:44px;
float:left;
}
.right a:hover{
color:#E70014;
transition:color .3s ease;
}
.right .img1{
margin-left:-160px;
margin-top:-15px;
}
.right p{
margin-top:15px;
color:#FFF;
text-align:center;
float:right;
width:100px;
height:44px;
font-size:12px;
}
.right p:hover{
color:#E70014;
transition:color .3s ease;
}
.img2{
margin-right:-20px;
margin-top:10px;
float:right;
}
.body{
width:100%;
height:2365px;
margin:0px;
background-color:#F1F1F1;
}
.body .b1left{
width:213px;
height:400px;
margin-left:77px;
}
.b1left a{
width:201px;
height:49px;
float:left;
border-bottom:1px solid #DDDDDD;
border-left:1px solid #DDDDDD;
font-size:14px;
}
.b1left a p{
height:20px;
width:160px;
margin-left:32px;
margin-top:19px;
}
.b1left a span{
height:20px;
width:20px;
float:right;
background-image:url(img/nav-jt.png);
background-position:0px 0px;
transition: all 0.3s ease;
}
.b1left img{
margin-left:95px;
}
.b1left a:hover{
transition:color .3s ease;
box-shadow:2px 0px #FF0000 inset;
}
.b1left a:hover span{
background-position:0px -65px;
}
.body .b1center{
width:730px;
height:400px;
float:left;
margin-top:-398px;
}
.body .b1right{
width:258px;
height:400px;
float:left;
margin-top:-398px;
}
.b1right .b1rightt{
width:256px;
height:93px;
background-image:url(img/QQ20160523110833.png);
}
.b1right .b1rightb a div{
width:22px;
height:22px;
background-color:#929292;
color:#DEF4FF;
margin-left:30px;
float:left;
margin-top:19px;
text-align:center;
}
.b1right .b1rightb a:hover div{
background-color:#E70014;
transition:color .3s ease;
}
.b1right .b1rightb a p{
width:210px;
height:1px;
font-size:15px;
float:left;
margin-top:-22px;
margin-left:58px;
}
.b1right .b1rightb a:hover p{
color:#E70014;
text-decoration:underline;
transition:color .3s ease;
transition:color .3s ease;
}
.body .b2left{
width:390px;
height:175px;
margin-left:77px;
margin-top:30px;
float:left;
overflow:hidden;
}
.body .b2center{
width:390px;
height:175px;
margin-left:10px;
margin-top:30px;
float:left;
overflow:hidden;
}
.body .b2right{
width:390px;
height:175px;
margin-left:10px;
margin-top:30px;
float:left;
overflow:hidden;
}
.body .b2left img{
transition: all 0.5s ease;
}
.body .b2left img:hover{
transform: scale(1.1,1.1);
}
.body .b2center img{
transition: all 0.5s ease;
}
.body .b2center img:hover{
transform: scale(1.1,1.1);
}
.body .b2right img{
transition: all 0.5s ease;
}
.body .b2right img:hover{
transform: scale(1.1,1.1);
}
.body .b4{
width:1200px;
height:38px;
margin-left:77px;
margin-top:240px;
}
.body .b4 .b4-1{
width:100px;
height:34px;
float:right;
margin-right:8px;
background-color:#B8B8B8;
text-align:center;
color:#FFFFFF;
margin-top:-20px;
}
.body .b4 .b4-2{
width:100px;
height:34px;
float:right;
background-color:#FF9900;
text-align:center;
color:#FFFFFF;
margin-top:-20px;
margin-right:5px;
}
.body .b4 .b4-3{
width:300px;
height:25px;
margin-top:-10px;
margin-left:10px;
font-size:14px;
}
.body .b5{
width:1200px;
height:417px;
margin-left:77px;
margin-top:15px;
}
.b5 .b5left{
width:215px;
height:390px;
float:left;
background-image:url(img/jxs_bg.gif);
}
.b5left .b5left1{
width:131px;
height:42px;
background-color:#FFFFFF;
color:#FFA800;
margin-top:139px;
float:right;
font-size:20px;
border:1px solid #FFFFFF;
}
.b5left1 a{
height:10px;
width:20px;
margin-left:15px;
text-align:center;
line-height:40px;
}
.b5left .b5left2{
width:131px;
height:42px;
border:1px solid #FFFFFF;
float:right;
color:#FFFFFF;
font-size:20px;
margin-top:10px;
}
.b5left2 a{
height:10px;
margin-left:15px;
text-align:center;
line-height:40px;
}
.b5 .b5right{
width:985px;
height:390px;
float:left;
}
.b5right .b5right1{
width:325px;
height:194px;
float:left;
background-color:#FFFFFF;
border-right:1px solid #DDDDDD;
border-top:1px solid #DDDDDD;
}
.b5right .b5right2{
width:325px;
height:194px;
float:left;
background-color:#FFFFFF;
border-right:1px solid #DDDDDD;
border-top:1px solid #DDDDDD;
}
.b5right .b5right3{
width:324px;
height:194px;
float:left;
background-color:#FFFFFF;
border-right:1px solid #DDDDDD;
border-top:1px solid #DDDDDD;
}
.b5right .b5right4{
width:325px;
height:194px;
float:left;
background-color:#FFFFFF;
border-right:1px solid #DDDDDD;
border-top:1px solid #DDDDDD;
border-bottom:1px solid #DDDDDD;
}
.b5right .b5right5{
width:325px;
height:194px;
float:left;
background-color:#FFFFFF;
border-right:1px solid #DDDDDD;
border-top:1px solid #DDDDDD;
border-bottom:1px solid #DDDDDD;
}
.b5right .b5right6{
width:325px;
height:194px;
float:left;
background-color:#FFFFFF;
border-right:1px solid #DDDDDD;
border-top:1px solid #DDDDDD;
border-bottom:1px solid #DDDDDD;
}
.b5right a{
width:240px;
height:23px;
font-size:17px;
color:#FF9900;
font-family:Microsoft YaHei Bold;
font-weight:800;
letter-spacing:.01px;
margin-left:20px;
margin-top:20px;
float:left;
}
.b5right a:hover{
color:#E70014;
transition:color .3s ease;
}
.b5right .b5div{
height:20px;
width:200px;
font-size:12px;
color:#555555;
float:left;
margin-left:20px;
margin-top:8px;
}
.b5div img{
width:18px;
height:22px;
float:right;
margin-right:65px;
margin-top:-5px;
}
.body .b6{
width:1200px;
height:130px;
margin-left:77px;
}
.body .b7{
width:1200px;
height:80px;
margin-left:77px;
}
.b7 .b7left{
width:391px;
height:45px;
margin-top:35px;
font-size:28px;
font-weight:800;
letter-spacing:.01px;
border-bottom:1px solid #B1B1B1;
float:left;
}
.b7right{
width:809px;
height:40px;
float:left;
margin-top:43px;
}
.b7right div{
width:100px;
height:35px;
float:left;
border-right:1px solid #B1B1B1;
border-bottom:1px solid #B1B1B1;
border-top:2px solid #B1B1B1;
text-align:center;
line-height:35px;
}
.b7right .b7right1{
border-left:1px solid #B1B1B1;
}
.b7right div span{
width:90px;
height:10px;
font-size:14px;
color:#3E2225;
float:left;
margin-left:5px;
}
.b7right div .img1{
height:18px;
margin-left:68px;
margin-top:-16px;
float:left;
}
.b7right div .img2{
height:18px;
margin-left:75px;
margin-top:-16px;
float:left;
}
.b7right div:hover{
border-bottom:0px;
border-top-color:#E70014;
color:#E70014;
}
.b7right div:hover span{
color:#E70014;
transition:color .3s ease;
}
.body .b8{
width:1200px;
height:480px;
margin-left:77px;
}
.b8 ul{
margin-left:-39px;
}
.b8 li{
list-style:none;
width:298px;
height:235px;
border-right:1px solid #DDDDDD;
border-top:1px solid #DDDDDD;
float:left;
background-color:#FFFFFF;
}
.b8 .li1{
border-left:1px solid #DDDDDD;
}
.b8 li .h{
width:249px;
height:29px;
margin-left:25px;
margin-top:30px;
}
.b8 li .div8-1{
width:249px;
height:27px;
margin-left:25px;
font-size:15px;
color:#888888;
margin-top:-20px;
}
.b8 li .div8-2{
width:249px;
height:32.4px;
margin-left:25px;
font-size:18px;
color:#E70014;
}
.b8 li .div8-3{
width:147px;
height:110px;
margin-left:130px;
}
.b8 li .div8-3 img{
width:100%;
height:100%;
}
.b8 .li5{
border-left:1px solid #DDDDDD;
border-bottom:1px solid #DDDDDD;
}
.b8 .li6{
border-bottom:1px solid #DDDDDD;
}
.b8 .li7{
border-bottom:1px solid #DDDDDD;
}
.b8 .li8{
border-bottom:1px solid #DDDDDD;
}
.b8 li:hover .div8-3{
margin-left:115px;
transition-duration:.5s;
}
.b8 li:hover .h{
color:#E70041;
transition:color .3s ease;
}
.body .b9{
width:1200px;
height:51px;
margin-left:77px;
margin-top:30px;
}
.b9 a{
font-size:28px;
font-weight:900;
}
.b9 a:hover{
color:#E70041;
transition:color .3s ease;
}
.body .b10{
width:1200px;
height:465px;
background-color:#FFFFFF;
margin-left:77px;
}
.b10 .b10left{
width:453px;
height:435px;
margin-left:15px;
margin-top:15px;
float:left;
}
.b10 .b10left ul{
margin-left:-40px;
}
.b10 .b10left li{
width:450px;
height:120px;
background-color:#F8F8F8;
list-style:none;
margin-top:10px;
}
.b10 .b10left li .b10leftimg{
width:215px;
height:120px;
float:left;
}
.b10 .b10left li .b10leftimg img{
width:100%;
height:100%;
}
.b10 .b10left li .b10leftimgrig{
width:205px;
height:120px;
margin-left:20px;
float:left;
line-height:20px;
}
.b10leftimgrig .a8{
font-size:14px;
font-weight:800;
}
.b10leftimgrig .a9{
font-size:12px;
}
.b10leftimgrig:hover{
color:#E70014;
transition:color .3s ease;
}
.b10 .b10left .b10title{
width:450px;
height:30px;
border-bottom:1px solid #DDDDDD;
}
.b10left .b10title .a6{
font-size:16px;
color:#E70041;
float:left;
}
.b10left .b10title .a7{
font-size:16px;
color:#878787;
float:right;
}
.b10 .b10center{
width:379px;
height:423px;
margin-left:15px;
margin-top:15px;
float:left;
}
.b10 .b10center .b10title{
width:375px;
height:30px;
border-bottom:1px solid #DDDDDD;
}
.b10center .b10title .a6{
font-size:16px;
color:#E70041;
float:left;
}
.b10center .b10title .a7{
font-size:16px;
color:#878787;
float:right;
}
.b10 .b10center .a10{
width:375px;
height:41px;
float:left;
border-bottom:1px solid #DDDDDD;
line-height:50px;
font-size:14px;
}
.b10 .b10center .a10:hover{
color:#E70014;
background-color:#F9F9F9;
border-left:2px solid #E70014;
transition:color .5s ease;
}
.b10 .b10center .a10:hover span{
text-decoration:underline;
}
.b10 .b10right{
width:298px;
height:429px;
margin-left:15px;
margin-top:15px;
float:left;
}
.b10 .b10right .b10title{
width:295px;
height:30px;
border-bottom:1px solid #DDDDDD;
}
.b10right .b10title .a6{
font-size:16px;
color:#E70041;
float:left;
}
.b10right .b10title .a7{
font-size:16px;
color:#878787;
float:right;
}
.b10 .b10right .b10rightimg{
width:297px;
height:165px;
float:left;
margin-top:15px;
}
.b10 .b10right .b10rightimg img{
width:100%;
height:100%;
}
.b10 .b10right .a11{
width:112px;
height:19px;
font-size:14px;
color:#FFFFFF;
float:left;
margin-top:-25px;
margin-left:10px;
}
.b10 .b10right .a11:hover{
color:#E70014;
transition:color .4s ease;
}
.b10 .b10right ul{
margin-left:-20px;
margin-top:195px;
}
.b10 .b10right .li9{
width:295px;
height:35px;
font-size:14px;
color:#272727;
list-style:none;
list-style-image:url(img/QQ20160524203953.png);
}
.b10 .b10right .li9 a:hover{
color:#E70014;
text-decoration:underline;
transition:color .4s ease;
}
.foot{
width:100%;
height:329px;
margin:0px;
background-color:#3B3B3B;
border:0px solid #FFF;
}
.foot-head{
width:100%;
height:84px;
background-color:#E70014;
}
.foot-head .d1-1{
background-image:url(img/foot_ico.png);
background-position:0px 0px;
width:60px;
height:54px;
float:left;
margin-left:85px;
margin-top:18px;
}
.foot-head .d1-2{
font-size:18px;
color:#FFF;
float:left;
margin-top:30px;
}
.foot-head .d2-1{
background-image:url(img/foot_ico.png);
background-position:60px 0px;
width:60px;
height:54px;
float:left;
margin-left:85px;
margin-top:18px;
}
.foot-head .d2-2{
font-size:18px;
color:#FFF;
float:left;
margin-top:30px;
}
.foot-head .d3-1{
background-image:url(img/foot_ico.png);
background-position:120px 0px;
width:60px;
height:54px;
float:left;
margin-left:85px;
margin-top:18px;
}
.foot-head .d3-2{
font-size:18px;
color:#FFF;
float:left;
margin-top:30px;
}
.foot-head .d4-1{
background-image:url(img/foot_ico.png);
background-position:180px 0px;
width:60px;
height:54px;
float:left;
margin-left:85px;
margin-top:18px;
}
.foot-head .d4-2{
font-size:18px;
color:#FFF;
float:left;
margin-top:30px;
}
.foot-body{
height:184px;
border-bottom:1px solid #585858;
}
.foot-body .left1{
width:850px;
}
.left1 p{
width:90px;
height:22px;
float:left;
color:#D0D0D0;
font-size:16px;
text-align:center;
margin-top:30px;
margin-left:51px;
}
.left1 p:hover{
color:#E70014;
transition:color .3s ease;
}
.left1 a{
width:90px;
height:22px;
color:#D0D0D0;
font-size:14px;
float:left;
margin-left:50px;
text-align:center;
}
.left1 a:hover{
color:#E70014;
transition:color .3s ease;
}
.foot-body .right1{
width:499px;
background-color:#CCC;
}
.right1 .div1{
width:97px;
height:124px;
background:#CECECE;
float:right;
margin-right:-490px;
margin-top:-110px;
}
.right1 .div2{
width:350px;
float:right;
margin-right:-390px;
margin-top:-130px;
}
.right1 .div2 a{
font-size:12px;
color:#D0D0D0;
float:right;
margin-top:38px;
margin-right:20px;
}
.right1 .div2 p{
font-size:26px;
color:#E70222;
float:right;
margin-right:20px;
margin-top:10px;
clear:right;
}
.right1 .div2 img{
clear:right;
margin-right:20px;
margin-top:-20px;
float:right;
}
.foot-foot .p1{
font-size:12px;
color:#D0D0D0;
text-align:center;
margin-top:20px;
margin-left:-180px;
}
.p1:hover{
text-decoration:underline;
}
.foot-foot .p2{
font-size:12px;
color:#D0D0D0;
text-align:center;
margin-top:-29px;
margin-left:270px;
}