@charset "utf-8";
/* CSS Document */
html,body{ width:100%; height:100%;}
html,body,div{margin:0;padding:0;border:0;}
*{ margin:0; padding:0; list-style:none; border:0; font-size:14px; font-family:"微软雅黑"; text-decoration:none;}
img{ border:0;}
a{ outline:none;}
a:hover{ color:#d40500;}
/* 头部 */
/* 头部  */

/*#top{ height:35px; background:#f4f4f4; line-height:35px; color:#5d605f;overflow:hidden; border-bottom:1px #c6c6c6 solid;}
.top{text-align:right; width:1108px; margin:0 auto; overflow:hidden;}
.top div{ float:right;}
.top1{ background:url(../images/fz.jpg) no-repeat 0px 8px; text-indent:16pt;}
.top3{ background:url(../images/dh.jpg) no-repeat 0px 9px; text-indent:17pt;margin-left:100px;}
.top3 span{ color:#137cbc;}*/



#topdh{ width:100%; height:auto; overflow:hidden; border-top:1px #ececec solid;}
.topdh{width:1108px; margin:0 auto; overflow:hidden; margin-top:5px;}
.topdh-lef{ float:left; overflow:hidden; margin-top:7px;}
.topdh-lef a{height:79px; margin-bottom:3px;}
.topdh-rig{ float:right;height:79px;}
.topdh-rig ul{ width:100%; height:auto; overflow:hidden; margin-top:41px;}

.topdh-rig ul li{ float:left;width:100px; overflow:hidden; text-align:right;}
.topdh-rig ul li a{ color:#5f6261; font-size:16px;display:inline-block; text-align: center;font-weight: bold; font-family:"微软雅黑";}
.topdh-rig ul li.xpa a{ color:#3696c3;}
.topdh-rig ul li a:hover{ color:#3696c3;}
.topdh-rig ul li .ulu{ display:none;background:url(../images/sanj.png) no-repeat 30px 0px;position:absolute; z-index:999; margin-top:0px; padding-top:9px; width:auto; height:auto; overflow:hidden; margin-left:20px;}
.topdh-rig ul ul.ulua{background:#3696c3;margin-top:0px;}
.topdh-rig ul li ul.ulua li{clear:both;border-bottom:0px;width:auto; text-align: center; height:33px; line-height:32px; padding:0px 21px; background:#3696c3;}
.topdh-rig ul li ul.ulua li a{ display:inline-block;color:#fff; font-size:12px; width:auto; text-align: center; height:30px; line-height:30px; font-weight: inherit;border-bottom:1px #87b8cf dashed;}
.topdh-rig ul li:hover .ulu{display:block;}
.topdh-rig ul li ul.ulua li a:hover{ text-decoration:underline;}


/* banner 图片  */
#banner{ width:100%; height:auto; overflow:hidden;}
#banner img{ width:100%;}


/* 搜索  */
#shous{ background:#e5e5e5; width:100%;  height:auto; overflow:hidden;}
.shous{width:1108px; height:auto;margin:0 auto; overflow:hidden;}
.shousle{ float:left; background:url(../images/dh.jpg) no-repeat left; padding-left:52px; height:52px; line-height:52px; font-size:20px; color:#545454; margin-top:8px; margin-left:10px;}
.shousz{float:right; margin:15px 0px;}
.shousz span{ float:left; display:inline-block; height:32px; line-height:32px; color:#666666; margin-right:5px;}
.shousa{ float:right;border:1px #959595 solid; width:310px; background:#fff;}
.shousa input{  height:32px; line-height:32px;}
.shousa .top-cria{ color:#ababab; border:none; text-indent:5pt; width:230px;}
.shousa .top-crib{ float:right;background:#1e6bb3; color:#fff; border:none; width:70px; height:32px; line-height:31px;cursor:pointer;}


/*产品中心*/
#cpzx{width:100%; height:auto; overflow:hidden;    background:#e5e5e5;}
.cpzx{width:1108px; height:auto;margin:0 auto; overflow:hidden; background:#fff;}
.cpzx-a{width:100%; height:auto; overflow:hidden; margin-top:20px;}
.cpzx-aa{width:100%; height:auto; overflow:hidden; }
.cpzx-a img{ width:100%;}
.cpzx-aa img{ width:100%;}
.cpzx-b{width:100%; height:auto; overflow:hidden;}
.cpzx-btop{ color:#767676; font-size:20px; font-weight:bold; border-bottom:2px #e7e7e7 solid;    text-indent: 15pt; height:40px; line-height:40px;}
.cpzx-bcent{width:100%; height:auto; overflow:hidden; }
.cpzx-bcent li{ border:1px #f1f1f1 solid; padding:3px; width:204px; float:left; height:auto; overflow:hidden; margin:10px 4px;background:#fff;}
.cpzx-bcent li .cpca{ width:202px; height:110px; overflow:hidden;border:1px #f1f1f1 solid;}
.cpzx-bcent li .cpca a img{ width:202px; height:110px;}
/*
.cpzx-bcent li .cpcb{ width:100%; height:22px; overflow:hidden; margin:17px 0px; text-align:center;}*/

.cpzx-bcent li .cpcb{ width:100%; height:40px; overflow:hidden; margin:17px 0px; }

.cpzx-bcent li .cpcb a{ color:#767676; font-size:16px;}
.cpzx-bcent li .cpcc{ color:#444; width:94%; margin:0 auto; line-height:24px; height:95px; overflow:hidden;}
.cpzx-bcent li .cpcd{ color:#2bc8eb; margin-left:6px; margin:10px 0px; display:inline-block;}
.cpzx-bcent li .cpcd:hover{ text-decoration:underline;}
.cpzx-bcent li a:hover{color:#2bc8eb;}
.cpzx-bcent li:hover a img{width:222px;  margin-left:-10px; margin-top:-3px;}
.cpzx-bbot{ text-align:center; width:100%; height:auto; overflow:hidden; margin:20px 0px;}
.cpzx-bbot a{ color:#414141; border:2px #dcdcdc solid; border-radius:27px; display:inline-block; height:35px; line-height:35px; width:150px;}
.cpzx-bbot a:hover{ background:#2d99c8; color:#fff;}
.cent-letop .list{width: 100%;margin:20px auto 0 auto; background:none; border-radius:0px; height:auto; overflow:hidden; text-indent:0px; text-align:left;}
.list ul.yiji li{width:100%; height:auto; overflow:hidden;}
.list ul.yiji li a{display:inline-block; line-height: 45px;border-bottom:1px #dcdcdc solid;  width:100%; height:40px; overflow: hidden; background:url(../images/hsj.jpg) 5px 16px no-repeat; font-size:14px;color:#464646; text-indent:14pt;}
.list ul.yiji li a:hover{background:url(../images/nsj.jpg) 5px 16px no-repeat;color:#3160e5;}
.list ul.yiji li ul{display: none;}
.list ul.yiji li ul li {width:100%; height:40px; overflow:hidden;border-bottom:1px #dcdcdc solid;}
.list ul.yiji li ul li a{display:inline-block; width:100%; height:40px; background:url(../images/hsj.jpg) 20px 16px no-repeat; border-bottom:1px #dcdcdc solid; text-indent:28pt; overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.list ul.yiji li ul li a:hover{background:url(../images/nsj.jpg) 20px 16px no-repeat;color:#3160e5;}
.list ul.yiji li ul li ul{display: none;}
.list ul.yiji li ul li ul li { background-color:#d6e6f1; border-color:#6196bb; }
.last{ background-color:#d6e6f1; border-color:#6196bb; }
.list ul.yiji li ul li ul li a{ color:#316a91;}

/*测量技术*/
.cljs-b{width:100%; height:auto; overflow:hidden; background:url(../images/clb.jpg) no-repeat; background-size:100%;}
.cljs-btop{ border-bottom:2px #bfbfbf solid; color:#5c5c5c; font-size:20px; font-weight:bold; text-indent:15pt; height:35px; line-height:35px; margin-top:10px;}
.cljs-bbot{width:100%; height:auto; overflow:hidden; margin-top:15px; margin-bottom:20px;}
.cljs-bbotle{ float:left; width:170px; margin:0px 6px;}
.cljs-bbotlea{ color:#696969; border-bottom:1px #aaaaaa solid; width:100%; height:auto; overflow:hidden; text-align:center; font-size:14px; margin-top:8px; height:25px; line-height:25px;}
.cljs-bbotleb{ color:#696969; width:96%; margin:0 auto; line-height:24px;}
.cljs-bbotri{ float:right;}
.cljs-bbotri li{ float:left; text-align:center; width:145px; margin:0px 4px;}
.cljs-bbotri li p a{ font-size:14px; color:#5c5c5c;}
.cljs-bbotri li:hover a{ color:#fff;}

.cljs-cbot{width:100%; height:auto; overflow:hidden; }
.cljs-cbot li{ border:1px #f1f1f1 solid; padding:3px; width:204px; float:left; height:auto; overflow:hidden; margin:10px 4px;background: #fff;}
.cljs-cbot li .cpca{ width:202px; height:110px; overflow:hidden;border:1px #f1f1f1 solid;}
.cljs-cbot li .cpca a img{ width:202px; height:110px;}
.cljs-cbot li .cpcb{ width:94%; height:auto; overflow:hidden; margin:17px auto 17px auto;;}
.cljs-cbot li .cpcb a{ color:#767676; font-size:16px;}
.cljs-cbot li .cpcc{ color:#969696; width:94%; margin:0 auto; line-height:24px; height:140px; overflow:hidden;}
.cljs-cbot li .cpcd{ color:#2bc8eb; margin-left:6px; margin:10px 0px; display:inline-block;}
.cljs-cbot li .cpcd:hover{ text-decoration:underline;}
.cljs-cbot li a:hover{color:#2bc8eb;}
.cljs-cbot li:hover a img{width:222px; height:121px; margin-left:-10px; margin-top:-10px;}

/*********友情链接*************/
.cljs-links li{
    display: inline-block;
    margin:5px 10px;
}
.cljs-links li a{
    color: #333333;
}
.cljs-links li a:hover{
    color: #ff6600;
}

/*  节能技术  */
.jejs{ background:#3696c3;  height:auto; width:100%; overflow:hidden;}
.jejs-top{border-bottom:2px #fff solid; color:#f7f7f7; font-size:20px; font-weight:bold; text-indent:15pt; height:42px; line-height:42px;}
.jejs-bot{}
.jejs-bot ul li{ float:left;background:#fff; width:195px; text-align:center; margin:20px 7px; padding:10px 6px;-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);}
.jejs-bot ul li span.bjta{ display:inline-block; width:84px; height:84px;}
.jejs-bot ul li div{ line-height:20px; color:#adadad; height:90px; overflow:hidden; text-align:left; margin:0 auto;}
.jejs-bot ul li p{ font-size:16px; color:#8f8f8f;margin:12px 0px;}

.jejs-bot ul li a{height:auto; width:100%; overflow:hidden; display: inline-block;}

/*   */
.jejs-bot ul li:nth-child(1) span.bjta{ background:url(../images/jn1.png) no-repeat center;}
.jejs-bot ul li:hover:nth-child(1) span.bjta{ background:url(../images/jb1.png) no-repeat center;}
.jejs-bot ul li:nth-child(2) span.bjta{ background:url(../images/jn2.png) no-repeat center;}
.jejs-bot ul li:hover:nth-child(2) span.bjta{ background:url(../images/jb2.png) no-repeat center;}
.jejs-bot ul li:nth-child(3) span.bjta{ background:url(../images/jn3.png) no-repeat center;}
.jejs-bot ul li:hover:nth-child(3) span.bjta{ background:url(../images/jb3.png) no-repeat center;}
.jejs-bot ul li:nth-child(4) span.bjta{ background:url(../images/jn4.png) no-repeat center;}
.jejs-bot ul li:hover:nth-child(4) span.bjta{ background:url(../images/jb4.png) no-repeat center;}
.jejs-bot ul li:nth-child(5) span.bjta{ background:url(../images/jn5.png) no-repeat center;}
.jejs-bot ul li:hover:nth-child(5) span.bjta{ background:url(../images/jb5.png) no-repeat center;}

.jejs-bot ul li:hover{ background:#2bc8eb; color:#fff; cursor:pointer;}
.jejs-bot ul li:hover a{ color:#fff;}
.jejs-bot ul li:hover div{ color:#fff;}
.jejs-bot ul li:hover p{ color:#fff;}
/*   */
.glxt-bot{}
.glxt-bot ul li{ border:1px #dcdcdc solid; padding:5px; width:255px; float:left; margin:15px 5px;    background: #fff;}
.glxt-bot ul li div{ width:253px; height:177px; border:1px #dcdcdc solid; overflow:hidden;}
.glxt-bot ul li div{width:253px; height:177px;}
.glxt-bot ul li p{ margin-top:15px; margin-bottom:40px; text-align:center;}
.glxt-bot ul li p a{ font-size:16px; color:#333;}
.glxt-bot ul li a{ font-size:14ppx; color:#2985bd;}
.glxt-bot ul li p a:hover{color:#2985bd;}
.glxt-bot ul li a:hover{ text-decoration:underline;}



/* 服务备件  */
.fwbj{height:auto; width:100%; overflow:hidden; margin-bottom:20px;}
.fwbj-fw{ float:left; width:540px; overflow:hidden;}
.fwbj-fw p{color: #5c5c5c;font-size: 20px;font-weight: bold;    text-indent: 15pt;height: 35px;line-height: 35px;margin-top: 10px;}
.fwbj-zon{ width:96%; height:auto; overflow:hidden; padding:15px 10px;    background: #fff;}
.fwbj-zle{ float:left; width:275px; height:142px;}
.fwbj-zle img{width:275px; height:142px;}
.fwbj-zri{ float:right; width:235px; line-height:24px; color:#747474; height:142px; overflow:hidden; margin-bottom:15px;}
.fwbj-zon p{ width:100%; height:auto; overflow:hidden;  text-align:right;}
.fwbj-zon p a{ border:1px #dcdcdc solid; display:inline-blockl; color:#4bbce1; padding:5px;}
.fwbj-bj p{    text-indent: 15pt;color: #5c5c5c;font-size: 20px;font-weight: bold;height: 35px;line-height: 35px;margin-top: 10px;}
.fwbj-zon p a:hover{ text-decoration:underline;}
.fwbj-bj{ float:right; width:540px; overflow:hidden;}


/*  咨讯中心   联系我们  */
.zxgy{height:auto; width:100%; overflow:hidden;}
.zxzx{ float:left;width:540px;}
.gywm{ float:right;width:540px;}
.zxzx-top{ border-bottom:3px #e7e7e7 solid; width:100%; height:auto; overflow:hidden;}
.zxzx-top span{ background:url(../images/vj.jpg) no-repeat left; padding-left:15px;color: #5c5c5c;font-size: 20px;font-weight: bold;height: 35px;line-height: 35px; float:left;}
.zxzx-top a{ float:right; height:35px; line-height:35px; display:inline-block;color: #5c5c5c;}
.zxzx-top a:hover{color:#2985bd;}

.zxzx-bot{height:auto; width:100%; overflow:hidden;}
.zxzx-bot div{ width:100%; height:auto; overflow:hidden; margin:20px 0px;}
.zxzx-bot div img{width:540px; height:157px;}
.zxzx-bot ul li{ height:35px; line-height:35px; border-bottom:1px #d8d8d8 dashed;    background: #fff;}
.zxzx-bot ul li a{ color:#5c5c5c;float:left; background:url(../images/nsn.jpg) 7px 13px no-repeat; padding-left:25px;}
.zxzx-bot ul li a:hover{ color:#2985bd;}
.zxzx-bot ul li span{ float:right; color:#5c5c5c;}

.gywm-bot{}
.gywm-bot div{ width:100%; height:auto; overflow:hidden; margin:20px 0px;}
.gywm-bot div img{ width:540px; height:157px;}

.gywm-bot div.gywm-botxq{ color:#5c5c5c;margin:0px; height:72px; overflow:hidden; width:100%; line-height:24px;    background: #fff;}
.gywm-bot div.gywm-botxq a{ color:#5c5c5c;}
.gywm-bot div.gywm-botxq a:hover{ color:#2985bd;}


/*  面包屑  */
#mbx{ width:100%; height:auto; overflow:hidden; border-bottom:1px #d3d3d3 solid; margin-bottom:60px;}
.mbx{ width:1080px; height:40px; line-height:40px; overflow:hidden; margin:0 auto;}
.mbx a{ color:#000;}
.mbx a:hover{ color:#3696c3}

/*  内页  产品页面 */
.cent-left{ float:left; width:250px;}
.cent-right{ float:right; width:820px;}
.cent-letop div{ background:#2985bd; font-size:24px; color:#fff; text-align:center; width:100%; height:45px; }
.cent-letop div.divlist{line-height: 45px;}
.cent-letop ul.ulbxt{ width:100%; height:auto; overflow:hidden; margin-top:18px; margin-bottom:35px;}
.cent-letop ul.ulbxt li{ width:100%; height:auto; overflow:hidden; border-bottom:1px #e4e4e4 solid; text-indent:6pt;height:40px; line-height:40px;}
.cent-letop ul.ulbxt li a{ color:#282828; background:url(../images/hsj.jpg) no-repeat left; padding-left:19px;}
.cent-letop ul.ulbxt li.tlx a{background:url(../images/nsj.jpg) no-repeat left; color:#1e6bb3;}
.cent-letop ul.ulbxt li:hover a{background:url(../images/nsj.jpg) no-repeat left; color:#1e6bb3;}

.cent-lebot{ width:100%; height:auto; overflow:hidden;}
.cent-lebot div{background:#2985bd; font-size:24px; color:#fff; text-align:center; width:100%; height:45px; line-height:45px;}
.cent-lebot p,.cent-lebot span{ display:inline-block;height:40px; line-height:40px; width:100%;text-align:center; font-size:20px;border-bottom:1px #e4e4e4 solid; text-indent:23pt;}
.cent-lebot p{background:url(../images/ldh.jpg) no-repeat 30px 9px; margin-top:20px;}
.cent-lebot span{background:url(../images/cz.jpg) no-repeat 30px 9px; margin-bottom:30px;}
.cent-ritop{background:#2985bd; font-size:20px; color:#fff; text-indent:25pt; width:100%; height:45px; line-height:45px;}
.cent-ripic{ width:100%;height:auto; overflow:hidden;}
.cent-ripic li{ float:left; width:395px; height:180px; overflow:hidden; margin:26px 7px;}
.cent-ripic li .cent-riple{ float:left; border:1px #5b98be solid; height:142px; width:142px; overflow:hidden;}
.cent-ripic li:hover .cent-riple a img{height:162px; width:162px; margin-top:-10px; margin-left:-10px;}
.cent-ripic li .cent-ripri a:hover{color:#1e6bb3; text-decoration:underline;}
.cent-ripic li .cent-riple a img{height:142px; width:142px;}
.cent-ripic li .cent-ripri{ float:left; margin-left:10px; width:240px;}
.cent-ripic li .cent-ripri a{ color:#2b2b2b; font-size:18px;} 
.cent-ripic li .cent-ripri p{ color:#585858; margin-top:10px;} 
.cent-ripic-one{ width:100%; overflow:hidden;margin-left: 14px; min-height: 30px;}
.cent-ripic-one li{ float:left; width:200px; height:200px; overflow:hidden; margin:26px 7px;}
.cent-ripic-one li .cent-riple{ border:1px #5b98be solid; height:142px; width:142px; overflow:hidden;}
.cent-ripic-one li:hover .cent-riple a img{height:162px; width:162px; margin-top:-10px; margin-left:-10px;}
.cent-ripic-one li .cent-ripri a:hover{color:#1e6bb3; text-decoration:underline;}
.cent-ripic-one li .cent-riple a img{height:142px; width:142px;}
.cent-ripic-one li .cent-ripri{ float:left; margin-left:10px; width:180px;}
.cent-ripic-one li .cent-ripri a{ color:#2b2b2b; font-size:18px;} 
.cent-ripic-one li .cent-ripri p{ color:#585858; margin-top:10px;} 


/*  分页  */
.pfy{ width:100%;height:auto; overflow:hidden; text-align:center; margin:15px 0px 25px 0px;}
.pfy a{display:inline-block; color:#777; font-size:18px; height:35px; line-height:35px; padding:0px 5px;margin:0px 15px;}
.pfy a.bh{ background:#b5b5b5;}
.pfy p{ font-size:18px; margin-top:18px;}


/*  详情  */
.spicxq{ width:100%;height:auto; overflow:hidden; margin-top:30px; margin-bottom:45px;}
.spicxq-top{width:100%;height:auto; overflow:hidden; border-bottom:1px #bfbfbf solid; padding-bottom:40px;}
.spicxq-tle{ float:left; width:269px; height:269px; border:1px #5b98be solid;}
.spicxq-tle img{width:269px; height:269px;}
.spicxq-tri{ float:left; margin-left:35px; width:500px; }
.spicxq-tri span{color:#2b2b2b; font-size:20px;}
.spicxq-tri p{color:#585858; font-size:16px;margin-top:10px;}
.spicxq-bot{ margin-top:40px; font-size:18px; color:#2b2b2b;}
.spicxq-bot p{ margin-top:8px;font-size:18px;}


/*  news  */
.cent-rinew{width:100%; height:auto; overflow:hidden; margin-top:30px;}
.cent-rinew li{ width:100%; height:auto; overflow:hidden;border-bottom:1px #c9c9c9 solid;    padding: 5px;}
.cent-rinew li .cent-rnl{ float:left; width:530px;}
.cent-rinew li .cent-rnll{ float:left;  overflow:hidden;margin-left: 18px;}
.cent-rinew li .cent-rnll a img{ width:135px; height:135px;}
.cent-rinew li .cent-rnlr{ float:right}
.cent-rinew li .cent-rnlr a{ font-size:20px; color:#333;}
.cent-rinew li .cent-rnlr div{ width:220px; margin-top:8px; height:96px; overflow:hidden;font-size:14px; line-height:24px;}
.cent-rinew li .cent-rnlr div a{ font-size:14px;}
.cent-rinew li .cent-rnr{ float:right; text-align:center;}
.cent-rinew li .cent-rnr p{     margin-right: 30px;}

/*  news详情  */
.snew{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.snew-top{width:100%; height:auto; overflow:hidden; text-align:center; padding:18px 0px; border-bottom:1px #d3d3d3 dashed; margin-top:18px;}
.snew-top p{ font-size:20px; color:#333;}
.snew-top p span{ margin:0px 10px; color:#595959;}
.snew-bot{ width:95%; height:auto; overflow:hidden; margin:0 auto; line-height:24px;margin-top:30px; color:#333;}
.snew-bot p a{color:#333;}
.snew-bot p  span a{color:#333;}
.snew-bot a{color:#333;}
.nsyt{width:100%; height:auto; overflow:hidden; text-align:center; padding:20px; border-bottom:1px #c9c9c9 solid; margin:30px 0px;}
.nsyt a{margin:0px 30px; color:#3e3e3e;}



/* page  */

.page{ width:778px; height:auto; overflow:hidden; padding:10px 20px 20px 20px; border:1px #dedede dashed; font-size:20px; color:#515151; margin-top:30px;}
.page p{font-size:20px; color:#515151; margin-top:10px;}


.page-left{ float:left; width:400px; line-height:32px; font-size:16px;}
.page-right{ float:right; width:300px;}
.page-right img{ max-width:100%;}










/*  底部  */
#bottom{ background:#096aa6;}
.bottom{width:1108px; height:auto;margin:0 auto; overflow:hidden; padding:30px 0px 15px 0px;}
.erm{ text-align:center; width:144px; float:left; color:#d4d4d4;}
.erm img{width:85px;};
.ermri{ float:left; margin-left:30px;}
.cpa{  float:left; margin-left:40px;width:80%;margin-top: 30px;}
.cpa span{ padding:5px; color: #ddd;}
.cpa div,.cpb div{ color:#fff; border-bottom:2px #fff solid; font-size:15px; line-height:30px; height:30px;}
.cpa ul li,.cpb ul li{ margin:4px 0px;color:#d4d4d4;width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;}
.cpa ul li a,.cpb ul li a{color:#d4d4d4; text-decoration:none;}
.cpb{float:left; width:91px; margin-left:30px;}
#botta{ border-top:1px #959595 solid;background:#096aa6; padding:15px 0px;}
.botta{width:1108px; height:auto;margin:0 auto; overflow:hidden; color:#d4d4d4;}
.botta{ margin-bottom:10px;}
.botta-le{ float:left;}
.botta-ri{ float:right;}

/*  底部  */