.default { background: #3b3b3b url('../images/banner.png') center no-repeat; height: 265px; }

.margin_top { margin-top:10px;}
#prolist { padding: 0 16px 20px 16px; overflow: hidden; }

#developlist { padding: 0 16px 20px 16px; overflow: hidden; }

#prolist .proitem, #developlist .proitem { float: left; width: 432px; height: 100px; padding: 10px 15px 20px 15px; border: 1px solid #ddd; background: url(../images/prolist_bg.jpg) repeat-x; }

#prolist .proitem .icon, #developlist .proitem .icon { width: 100px; height: 100px; float: left; }

#prolist .proitem .right_content, #developlist .proitem .right_content { float: left; margin-left: 15px; width: 310px; position: relative; }

#prolist .it2008 { border-top: 0; }

#prolist .it2008 .icon { background: url(../images/IT2008_Logo.png) no-repeat; }

#prolist .kloud { border-top: 0; border-right: 0; }

#prolist .kloud .icon { background: url(../images/kloud_logo.png) no-repeat; }

#prolist .it2000 { border-top: 0; }

#prolist .it2000 .icon { background: url(../images/IT2000_Logo.png) no-repeat; }

#prolist .elink { border-right: 0; border-top: 0; }

#prolist .elink .icon { background: url(../images/e-link_logo.png) no-repeat; }

#prolist .it1000 { border-top: 0; }

#prolist .it1000 .icon { background: url(../images/IT1000_Logo.png) no-repeat; }

#prolist .hp2010 { border-top: 0; }

#prolist .hp2010 .icon { background: url(../images/hp2010_logo.png) no-repeat; }

#prolist .finance { border-top:0; border-right:0;}

#prolist .finance .icon { background: url(../images/finance_logo.png) no-repeat; }

#prolist .anyERP { border-right: 0; }
#prolist .anyERP .icon { background: url(../images/AnyERP_logo.png) no-repeat; }

#prolist .it2013 .icon { background: url(../images/it2013_logo.png) no-repeat; }

#prolist .proitem .prodown, #developlist .proitem .prodown { background: url('/products/images/down_icon.png') right top no-repeat; text-align: right; padding-right: 25px; width: 40px; line-height: 18px; font-weight: bold; }

#prolist .proitem .prodown:hover, #developlist .proitem .prodown:hover { background: url('/products/images/down_icon.png') right top no-repeat; text-align: right; padding-right: 25px; width: 40px; }

#prolist .proitem a, #developlist .proitem a { background: url('/images/bg_button.png') left 0px no-repeat; display: inline-block; height: 25px; margin: 7px 0; }

#prolist .proitem a span, #developlist .proitem a span { margin-left: 45px; font-weight: bold; line-height: 25px; height: 25px; display: inline-block; color: #fff; background: url('/images/bg_button.png') right -25px no-repeat; padding-right: 45px; }

#prolist .proitem a:hover, #developlist .proitem a:hover { text-decoration: none; background-position: left -50px; }

#prolist .proitem a:hover span, #developlist .proitem a:hover span { background-position: right -75px; }

#prolist .proitem .proname, #developlist .proitem .proname { font-size: 16px; font-weight: bold; margin-bottom: 3px; }

#prolis .proitem .prodes, #developlist .proitem .prodes { font-size: 12px; font-weight: bold; color: #333; }

#prolist .proitem .protext, #developlist .proitem .protext { font-size: 11px; }

#developlist .taobao .icon { background: url(../images/taobao_Logo.png) no-repeat; }

#developlist .callcenter { border-left: 0; }

#developlist .callcenter .icon { background: url(../images/callcenter_Logo.png) no-repeat; }

#developlist .smscenter { border-top: 0; }

#developlist .smscenter .icon { background: url(../images/smscenter_Logo.png) no-repeat; }

#developlist .cpweb { border-left: 0; border-top: 0; }

#developlist .cpweb .icon { background: url(../images/cpweb_Logo.png) no-repeat; }

#developlist .ir { border-top: 0; }

#developlist .ir .icon { background: url(../images/ir_Logo.png) no-repeat; }

#developlist .rp { border-left: 0; border-top: 0; }

#developlist .rp .icon { background: url(../images/rp_Logo.png) no-repeat; }