* { margin: 0; padding: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body, button, input, select, textarea { font: 12px/1.5 "Microsoft Yahei",\5b8b\4f53,tahoma,arial,serif; }

ol, ul { list-style: none; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; }

iframe { display: block; }

img { border: none; vertical-align: bottom; }

input, select { vertical-align: middle; }

input { outline: none; }

table { width: 100%; border-collapse: collapse; border-spacing: 0; }

a:link, a:visited { text-decoration: none; }

a:hover, a:active { text-decoration: underline; }

.clearfix:after { display: table; content: ""; clear: both; }

.clearfix { zoom: 1; }

html { background-color: #fff; color: #000; }

a:link, a:visited { color: #000; }

.left, .right { display: inline; }

.left { float: left; }

.right { float: right; }

.layout { width: 1263px; margin: 0 auto; }

.button-1 { border: none; text-align: center; cursor: pointer; height: 38px; line-height: 38px; display: block; background: url(../images/button-1.png) repeat-x; font-size: 14px; color: #fff !important; }
.button-1:hover { text-decoration: none; }

#topmenu { background-color: #e7e7e7; padding: 0px; height: 29px; line-height: 29px; border-bottom: 1px solid #bbb; }

#topmenu .fn { float: right; }

#topmenu a { margin: 0 8px; }

#header { padding: 0 0 15px 0; background: white url(../images/header-shadow.png) repeat-x left bottom; }

#logo { float: left; margin: 0 43px 0 -2px; display: inline; }

#logo a { text-indent: -9999em; height: 69px; width: 180px; background: url(../images/logo.gif) no-repeat center center; display: block; }

#nav { float: left; }
/* old-size 161 */
#nav li { border-left: 1px solid #dadada; width: 90px; height: 69px; float: left; display: inline; border-width: 0 1px; font-size: 14px; text-align: center; }

#nav a { display: block; height: 60px; line-height: 69px; overflow: hidden; border-bottom: 9px solid #fff; }

#nav .home a { padding: 0 1em; }

#nav .current, #nav .current a, #nav a:hover {background:#268bf6; border-bottom-color: #0e60b8; text-decoration: none; color:#ffffff }

#nav .searchbox { border-right: none; width: 182px; font-size: 14px; background-color: #fff; text-align: left; padding: 15px 0 0 25px; height: 54px; text-align: right; }

#nav .search { border: 1px solid #ccc; margin: 18px 0 0; width: 180px; }

#nav .keywords, #nav .submit { float: left; height: 30px; line-height: 30px; border: none; display: inline; }

#nav .keywords { width: 113px; padding: 0 10px; border-right: 1px solid #ccc; }

#nav .submit { background: #e5e5e5 url(../images/search-icon.png) no-repeat center center; text-indent: -9999em; cursor: pointer; width: 46px; border: none; text-align: center; cursor: pointer; }

#banner { background: black url(../images/banner.jpg) no-repeat center top; height: 360px; margin: 0 0 7px; }

#banner .main { width: 237px; height: 360px; background: url(../images/login-bg.png) no-repeat; padding: 10px 14px 0; float: right; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=noscale,src="images/login-bg.png"); _background: none; }

#banner .layout { width: 1050px;}

#banner p { margin: 15px 0; }

#banner .main h6 { font-size: 16px; color: #fff; font-weight: normal; border-bottom: 1px solid #9e9da0; line-height: 32px; }

#login h6 { margin-bottom: 19px; }

#login .textbox { border: none; background-color: #c7c7c7; padding: 4px 10px; display: block; width: 217px; }

#login .button-1 { width: 104px; }

#gallery .tabs { border: 1px solid #bbb; border-width: 1px 0; overflow: hidden; width: 100%; margin: 0 0 1px 0; }

#gallery .tabs li { float: left; display: inline; width: 25%; border-left: 1px solid #bbb; margin-left: -1px; background: url(../images/gallery-tabs-bg.png) repeat-x; }

#gallery .tabs a { display: block; height: 43px; line-height: 43px; text-align: center; color: #000; font-size: 16px; }

#gallery .tabs .selected { background-position: left bottom; }

#gallery .panes { background: white url(../images/gallery-panes-bg.png) repeat-x; padding: 67px 36px 20px; }

#gallery .tabs .selected a { background-position: left bottom; }

#gallery .pane-1 { width: 1210px; margin: 0 auto; }

#gallery .pane-1 .text { float: left; width: 612px; }

#gallery .pane-1 .text h2 { width: 359px; height: 65px; background: url(../images/knowledge.png) no-repeat; text-indent: -9999em; margin: 0 0 40px; }

#gallery .pane-1 .text h3 { font-size: 24px; font-weight: normal; line-height: 30px; margin: 0 0 45px; }

#gallery .pane-1 .text { float: left; width: 620px; }

#gallery .pane-1 .button-1 { width: 104px; margin: 0 15px 0 0; float: left; }

#gallery .pane-1 .summary { color: #626262; line-height: 28px; font-size: 16px; margin: 0 0 28px; }

#gallery .pane-1 .pic { float: right; }

#details { border-top: 5px solid #5fabdb; background-color: #e5e5e5; padding: 20px 36px 40px; }

#details .item { width: 570px; padding: 0 0 0 35px; float: left; }

#details .left { border-right: 1px solid #bbb; padding: 0 35px 10px 0; width: 569px; }

#details .right { width: 504px; }

#details h2 { font-size: 20px; line-height: 40px; font-weight: normal; margin: 0 0 15px; }

#details h3 { font-size: 18px; font-weight: normal; margin-bottom: 5px; }

#details p { color: #626262; font-size: 14px; line-height: 25px; }

#footer { margin: 58px 0 0; border-top: 1px solid #bbb; padding: 20px 36px 80px; }

#footer p { line-height: 24px; }

#footer .links { font-size: 12px;margin: 0 0 10px -10px; text-align: center;color: #888;}

#footer .links a { font-size: 12px; margin: 0 10px; color: #888;}

#mall { border: 1px solid #bbb; }
#mall .column { float: left; display: inline; }
#mall .column-left { width: 249px; }
#mall .column-center { border: 1px solid #bbb; border-width: 0 1px; width: 753px; }
#mall .column-right { width: 274px; }