﻿

/*foot*/
.foot{ background:#333; z-index:1; position:relative; overflow:hidden;}
.footline{ border-bottom:1px solid #414141;}
.foot-top{ font-size:22px; color:#fff; padding:21px 0 16px;}
.foot-top span{ font-size:30px; border-right:1px solid #999; line-height:41px; padding-right:26px; margin-right:26px; float:left;}
.foot-top p{ floats:left;}
.foot-top p em{ display:block; font-family:"Arial"; font-size:16px; color:#b1b1b1; padding-top:2px;}
.foot-link{ padding:20px 0 11px;}
.foot-link dl{ float:left; width:270px;}
.foot-link dl.lastdl{ width:250px;}
.foot-link dt a,.foot-mes h2{ font-size:18px; color:#13a048; display:block; border-bottom:3px solid #13a048; padding-bottom:17px; width:183px;}
.foot-link dd{ padding-top:4px;}
.foot-link dd a{font-size: 14px;color:#fff;line-height: 32px;display:block;}
.foot-mes{ float:right; width:460px; overflow:hidden}
.foot-mes h2{ width:auto;}
.foot-mes ul{ width:500px; padding-top:18px; padding-bottom:4px;}
.foot-mes li{float:left;overflow:hidden;width: 222px;margin-right: 16px; margin-bottom:3px;}
.foot-mes span{font-size:16px;color:#fff;line-height:30px;float:left;padding-right: 3px;}
.foot-mes span i{ padding-left:5px;}
.foot-mes li input{border:1px solid #ccc;width: 149px;padding:0 10px;height:28px;line-height:28px;font-size:14px;background:#fff; float:left;}
.foot-mes li.mesli{ width:460px; float:none}
.mesli textarea{padding:5px 8px;border:1px solid #ccc;font-size:14px;resize:none;background:#fff;width: 391px; height:88px; float:left;}
.mesbt{ font-size:16px; color:#fff; display:block; margin:0 auto; background:url(../images/bt01.png) no-repeat; width:80px; height:30px; text-align:center; line-height:30px; cursor:pointer}
.foot-mes p{ padding-left:51px;}
.the-contact{ float:left; width:540px; padding-top:21px; padding-bottom:27px;}
.the-contact h2{ font-size:18px; color:#13a048; padding-bottom:8px;}
.the-contact ul{ background:url(../images/icon01.png) left top repeat-y; padding-left:29px; font-size:14px; color:#fff;}
.the-contact span{ background:url(../images/icon02.png) left center no-repeat; padding-left:23px; margin-left:55px;}
.the-contact ul li.mt5{ margin-top:12px;}
.the-contact p{ background:url(../images/icon03.png) no-repeat; line-height:56px; padding-left:70px; font-size:24px; color:#fff; margin-top:10px;}
.contact-code{ padding-top:78px;}
.contact-code img{ width:160px; height:160px; display:block; float:left; margin-right:15px;}
.code-right{ float:left; font-size:18px; color:#d3d3d3; line-height:30px;}
.code-right>a{ font-size:20px; color:#fff; background:url(../images/icon04.png) no-repeat; display:block; line-height:37px; padding-left:55px; width:105px; margin-bottom:10px;}
.code-right p a{ color:#d3d3d3;}
.friend{ text-align:center; font-size:14px;  color:#fff; padding:13px 0}
.friend a{ color:#fff; margin-right:20px;}
.foot a:hover{ color:#13a048}
.code-right>a:hover{ color:#fff;}
.footlast{ background:#181818; padding-bottom:14px;}
#share{ text-align:center; padding-top:16px;}
#share a{ width:31px; height:31px; display:inline-block; *display:inline; float:none; margin:0 2px; padding:0}
#share a.bds_tsina{ background:url(../images/icon05.png) no-repeat;}
#share a.bds_sqq{ background:url(../images/icon06.png) no-repeat;}
#share a.bds_weixin{ background:url(../images/icon07.png) no-repeat;}
.the-last{ font-size:14px; color:#878787; text-align:center;}
.the-last img{ position:relative; top:4px; margin:0 4px;}
.friend{ display:none;}
