.tdw20-100{ width: 20%}
.tdw30-100{ width: 29%}
.tdw50-100{ width: 48%}
#content{ background: #e9e9e9;}
.banner-serve{background: url(../images/banner-content.png) no-repeat center top; height: 131px; width: 100%; position: relative; }
.banner-serve h2{ font-size:18px; color: #ffffff; margin-left: 44%;}
.banner-serve p { color: #ffffff;margin-left: 68%; margin-top: -60px; max-width: 300px; font-size: 16px; }
.shadow-box{ box-shadow: -3px -3px 6px #dddddd; border: 1px solid #dddddd; margin:0px 0 15px; line-height: 26px; background: #ffffff;}
.shadow-box-bottom{ box-shadow: 3px 3px 6px #dddddd; margin-top: 20px;}
.bottom-content-box{ background: #b5b5b5; margin-bottom: 1px; height:30px; }
.bottom-content-box p{ background: #ffffff; display: inline-block; height: 30px; line-height: 30px; font-size: 16px; color: #b5b5b5;
margin-left: 70%; padding: 0 15px;}
.city{ float: right; height: 22px; background: #b4b4b4; display: inline-block; margin-top: 1px; margin-right: 1px;}
.city span{ padding: 0 10px; color: #ffffff; line-height: 22px;}
/*通用*/
.side-menu{ position: fixed; right: 0px; top: 100px; z-index: 30;}
.side-menu li{ padding:10px; font-size: 14px; color: #ffffff; background: #50a9e9; margin-bottom: 1px;}
.side-menu li a{ cursor: pointer; color: #ffffff;}
.tb-bd{ border-top: 1px solid #dddddd;border-bottom: 1px solid #dddddd; padding: 10px 0px;}

.serveavtive dd,.serveavtive p,.serveavtive li{ line-height: 24px;}
.serve-jieshao{ font-size: 14px;}
.serve-jieshao .tb-bd{ padding-left: 10px;}
.serve-goucheng li,.serve-goucheng li img{ float: left; display: inline-block;}
.serve-goucheng li{ width: 25%; padding: 10px; height: 80px;}
.serve-goucheng li dl{ clear: both;}
.serve-goucheng li dt{ padding-top: 12px; font-size: 14px;}
.serve-goucheng li dd{ color: #888888;}

.serve-youshi li,.serve-youshi li img{ float: left; display: inline-block;}
.serve-youshi li{ width: 48%; padding: 5px;}
.serve-youshi li dl{ clear: both; padding: 10px;}
.serve-youshi li dt{ padding-top: 5px; font-size: 14px;}
.serve-youshi li dd{ color: #888888;}

.serve-feiyong table{ border: 1px solid #dddddd;}
.serve-feiyong th,.serve-feiyong td{ padding: 15px 8px; }
.serve-feiyong td,.serve-feiyong th{ line-height: 26px; border-bottom: 1px solid #dddddd; border-right:1px solid #dddddd;  }

.serve-changjing li{ width: 22%; float: left; margin: 0 10px;}
.serve-changjing p{ line-height: 20px;}

.serve-hezuo img { padding: 20px 0 0 40px;}
.serve-hezuo i{display: inline; float: left;height: 124px; width:64px;margin: 30px 10px 0 0; background: url(../images/renwu.png) no-repeat; }

.serve-wuliu{ margin: 20px auto;}
.serve-wuliu dl{ background: url(../images/serev/wuliu_bottom.png) #e3e3e3 no-repeat left bottom; padding-right: 15px; width: 208px; height: 285px; margin:0px auto;}
.serve-wuliu dl dd{ padding-left: 15px; float: left; }
/*serve end*/

.side-left-menu h2{ background: #50a9e9; color: #ffffff; padding:20px 10px; text-align: center; margin-top: 0px; }
.side-left-menu li{ line-height: 40px; padding-left: 40px;}
.side-left-menu li a{ color: #5a5a5a; font-size: 14px;}
.side-left-menu li a:hover{ color:#50a9e9; }
.side-left-menu li.active{background: #50a9e9;}
.side-left-menu li.active a{ color: #ffffff;}

.about-content{ padding: 50px 40px 20px; margin-right: 20px; font-size: 13px;}
.event{padding: 50px 0px 20px;}
.event-t { background: url(../images/about/event-t.jpg) no-repeat center top; height: 37px;}
.icon-star{ background-position: -120px -228px; display: inline; float: left;height: 24px;margin: 5px 0px 0 0; width: 25px;}
.about-newslist ul{ margin: 60px 30px 20px;}
.about-newslist li a{ line-height: 32px; color: #5a5a5a; font-size: 13px; }
.about-newslist li a:hover{text-decoration:underline;}
.about-newslist span{ float: right;}
.about-content .honour li{ float: left; width: 25%; height: 170px;}
.newsac{ border-bottom: 1px dotted #a4a4a4; margin-bottom: 30px;}
.newsac h1{ text-align: center; font-size: 16px; font-weight: bold; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #a4a4a4; }
.partner h3{ padding-left: 20px;}
.partner li{ width: 25%; text-align: center; float: left; padding-top: 15px;}
.partner li img{ border: 1px solid #e7e7e7; }
/*about end*/
.side-right div{ border: 1px solid #e7e7e7; margin-top: 14px;}
.side-right h5{ background: url(../images/help/title-bg.png); height: 25px; padding-left: 15px; margin:0px; line-height: 25px;}
.attention div,.trace div { padding: 10px;}
.help-center{ border: 1px solid #e7e7e7;}
.help-center li{ float: left; width: 25%; text-align: center; border-right: 1px solid #e7e7e7;}
.help-center li strong{ display: block; color: #5a5a5a;}
.help-defa{ padding: 0 50px; font-size: 13px;}
.help-tb li{ float: left; width: 33.33%; margin-top: 70px; background: #eeeeee; text-align: center; line-height: 42px; border-right: 1px solid #ccc;}
.help-tb li a{ font-size: 14px; display: block; width: 100%; height: 42px;}
.help-tb li.active{ background: #4fa6e7;}
.help-tb li.active a{ color: #ffffff;}
.tab-content{ padding: 20px; border: 1px solid #e7e7e7;}

.tools{ margin-top: 80px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);}
.tools li{ line-height:50px; background: #eeeeee; float: left; width: 20%; text-align: center; border: 1px solid #888;}
.tools li.active{ background: #4fa6e7;}
.tools li.active a{ color: #ffffff;}


.fon13 { font-size: 13px;}