@charset "utf-8";
body { font: 12px Arial, Helvetica, sans-serif; color: #323232; background: #FFFFFF url(/public/images/default/page_top_bg.jpg) repeat-x left top; margin: 0; padding: 0; }
img { border-width: 0; }
a:visited,
a:link,
a:active { color: #000; text-decoration: none; }
a:hover { color: #09f; }
.clear { height: 0px; width: 100%; clear: both; overflow: hidden; }
.box { width: 1002px; margin: auto; }
.boxBorder { _height: 1%; border: 1px solid #C9C9C9; }
.mainBox { width: 750px; overflow: hidden; }
.sideBox { width: 240px; }
.subTitle { display: block; font-size: 12px; line-height: 24px; font-weight: bold; margin: 0px; padding: 0px 0px 2px 10px; height: 24px; position: relative; background: url(/public/images/default/subTitle_icon.gif) no-repeat left; border-bottom: 1px solid; }
.moduleTitle { display: block; font-size: 12px; line-height: 24px; font-weight: bold; margin: 0px; padding: 0px 0px 2px; height: 24px; position: relative; background: url(../images/default/line_dot.gif) repeat-x left bottom; }
.subTitle .more,
.moduleTitle .more { display: block; position: absolute; right: 0px; top: 0px; font-weight: normal; }
.moduleTitle .title { display: block; float: left; padding-right: 5px; padding-left: 5px; border-bottom-width: 2px; border-bottom-style: solid; position: absolute; }
.contentTitle { display: block; font-size: 20px; text-align: center; font-weight: bold; margin: 0px; padding: 30px 0px 10px; }
.mainContentTitle { display: block; padding: 5px 0px 0px; background: url(/public/images/default/line_dot.gif) repeat-x left bottom; clear: both; height: 30px; overflow: hidden; margin-top: 0px; margin-bottom: 0px; font-size: 12px; }
.mainContentTitle span { display: block; float: left; line-height: 28px; border-bottom: 2px solid #FFF; padding-right: 5px; padding-left: 5px; margin-left: 0px; }
.author { display: block; margin: 0px 10px; padding: 0px; text-align: center; height: 30px; line-height: 30px; background: url(/public/images/default/line_dot.gif) repeat-x left bottom; color: #555; }
.author a { color: #555; }
.line { background: url(/public/images/default/line_dot.gif) repeat-x left top; }
.blank_1px { height: 1px; overflow: hidden; }
.blank_2px { height: 2px; overflow: hidden; }
.blank_3px { height: 3px; overflow: hidden; }
.blank_4px { height: 4px; overflow: hidden; }
.blank_5px { height: 5px; overflow: hidden; }
.blank_6px { height: 6px; overflow: hidden; }
.blank_7px { height: 7px; overflow: hidden; }
.blank_8px { height: 8px; overflow: hidden; }
.blank_9px { height: 9px; overflow: hidden; }
.blank_15px { height: 15px; overflow: hidden; }
.blank_20px { height: 20px; overflow: hidden; }
.blank_10px { height: 10px; overflow: hidden; }
.leftFloat { float: left; }
.rightFloat { float: right; }
.ad { overflow: hidden; position: relative; height: 234px; }
.path { font-weight: normal; display: block; font-size: 12px; line-height: 26px; font-weight: normal; margin: 0px; padding: 0px; height: 26px; border-bottom: 1px solid; }
.path .channelName { display: block; float: left; color: #FFF; padding-right: 30px; padding-left: 30px; margin-right: 5px; line-height: 26px; font-weight: bold; }
.table { background: #c9c9c9; }
.table td { text-align: center; background: #fff; }
.table th { background: #F8F8F8; }
ul,
dl { display: block; list-style: none; margin: 0px; padding: 0px; }
.share { text-align: right; float: right; width: 186px; margin-top: -5px; }
#top { height: 33px; z-index: 5; }
#top .left { float: left; padding-top: 7px; width: 80%; }
#top .left li { display: block; float: left; padding: 0px 8px 0px 0px; height: 16px; line-height: 16px; }
#top .left .last { border-width: 0px; padding-right: 0px; }
#top .right { float: right; padding-top: 7px; z-index: 6; }
#top .right li { display: block; float: left; position: relative; padding-right: 5px; padding-left: 5px; z-index: 1; }
#top .right .last { padding-right: 0px; }
#top .right a { background: url(/public/images/default/top_icon.gif) no-repeat 0 0; display: block; width: 16px; height: 16px; }
#top .right .mail { background-position: 0 0; }
#top .right .bank { background-position: -20px 0; }
#top .right .download { background-position: -40px 0; }
#top .right .favorites { background-position: -60px 0; width: 48px; }
#top .right .mail:hover { background-position: 0 -16px; }
#top .right .bank:hover { background-position: -20px -16px; }
#top .right .download:hover { background-position: -40px -16px; }
#top .right .favorites:hover { background-position: -60px -16px; }
#top .right li ul { display: none; position: absolute; left: 0px; margin: 0px; padding: 0px; z-index: 100; background: #E6E6E6; }
#top .right li ul li { display: block; margin: 0px; padding: 0px; clear: both; float: none; text-align: center; width: 32px; height: 24px; line-height: 24px; }
#top .right li ul li a { background: none; display: block; margin: 0px; padding: 0px; width: 100%; }


#header { height: 90px; }
#header h1 { display: block; margin: 0; padding: 0; float: left; position: absolute; z-index: 2; }
#header #flag { display: block; margin: 0px; padding: 0px; width: 698px; overflow: hidden; line-height: 14px; float: right; text-align: right; height: 90px; }
.mainMenu { height: 38px; width: 100%; padding-top: 1px; }
.mainMenu .content { position: relative; }

.mainMenu ul { display: block; padding: 0px; list-style: none; height: 38px; }
.mainMenu ul li { float: left; font-size: 14px; /*font-weight: bold;*/ display: block; padding: 0px; margin: 0px; background: url(/public/images/default/menuLine.png) no-repeat left center; }
.mainMenu .category {
	width: 150px;
	background :
}
.mainMenu a:visited,
.mainMenu a:link,
.mainMenu a:active { text-decoration: none; color: #FFF; display: block; padding-right: 12px; padding-left: 12px; margin-right: 5px; margin-left: 5px; line-height: 38px; }
.mainMenu a:hover { line-height: 38px; }
.mainMenu ul .first { background: none; padding-left: 0px; }
#search  { display: block; border: 1px solid #e0e0e0; height: 20px; width: 200px; margin-left: 24px; position: absolute; overflow: hidden; top: 0px; right: 0px; margin-top: 9px; }
#search #keyword { margin: 0px; padding: 0px 0px 0px 20px; background: #FFF url(/public/images/default/search_icon.jpg) no-repeat 4px center; border-width: 0px; height: 20px; line-height: 20px; position: absolute; left: 0px; top: 0px; width: 150px; }
#search #buttom { color: #FFF; border-top: 0px; border-right: 0px; border-bottom: 0px; border-left: 0px; height: 20px; width: 50px; position: absolute; top: 0px; right: 0px; line-height: 20px; }

.menuList ul li { height: 30px; width: 125px; display: block; float: left; overflow: hidden; }

.menuList a:link,
.menuList a:active,
.menuList a:visited  { display: block; text-align: center; line-height: 30px; font-size: 16px; color: #0068b7; width: 100%; }
.menuList .current { background: url(/public/images/default/submenu_current.gif) no-repeat center bottom; font-weight: bold; }
.menuCon { position: relative; z-index: 1000; }
.menuList a:hover {
border-bottom: 1px;
}


.subCon { height: 228px; width: 996px; position: absolute; z-index: 1500; background: #FFFFFF; border: 3px solid #5D3E2C; left: 0px; top: 0px; overflow: hidden; font-family: "Microsoft Yahei"; }
.subCon .left { background: url(/public/images/default/submenu_line.gif) no-repeat right center; float: left; height: 228px; width: 498px; }


.subCon .left ul { display: block; float: left; padding-top: 35px; width: 174px; padding-left: 30px; }

.subCon .left ul li  { width: 174px; display: block; height: 42px; overflow: hidden; }
.subCon .left ul li a { display: block; line-height: 32px; height: 32px; width: 174px; margin-right: auto; margin-left: auto; overflow: hidden; background: url(/public/images/default/public_btn_08.jpg) no-repeat left center; font-size: 14px; text-align: center; }
.subCon .right { height: 201px; float: left; width: 378px; padding-right: 30px; padding-left: 90px; padding-top: 27px; }
.subCon .right h2 { font-weight: normal; font-size: 16px; border-width: 0px; }
.subCon .right .ulList li { background-position: 0px 4px;_background-position: 0px 2px; padding-left: 12px; }
.subCon .right .ulList li .date { float: right; }

.reason { border-top-width: 0px; overflow: hidden; }
.reasonTitle { height: 33px; line-height: 33px; float: left; width: 225px; text-align: center; background: #f8f8f8; border-bottom: 1px solid #C9C9C9; border-top: 1px solid #C9C9C9; }
.tabs ul { float: right; width: 776px; }
.tabs #tabs li { display: block; float: left; line-height: 33px; height: 33px; background: #f8f8f8; width: 154px; border-left: 1px solid #C9C9C9; border-bottom: 1px solid #C9C9C9; text-align: center; border-top: 1px solid #C9C9C9; cursor: pointer; }
.tabs #tabs .tabCurrent { background: #FFF; border-top: 3px solid; border-bottom: 0px; height: 31px; color: #09F; font-weight: bold; }
.tabContent div { margin: 0px; padding: 0px; list-style: none; text-align: center; }
.design { float: left; }
.design ul { height: 464px; overflow: hidden; padding: 0px; }
.moreDesign ul,
moreProduct ul { padding: 0px; display: block; }
.design li,
.moreDesign li,
.moreProduct li { display: block; float: left; text-align: center; width: 187px; margin: 0px; padding: 8px 0px 0px; overflow: hidden; height: 220px; }
.designView .moreProduct li,
.cmsView .moreProduct li,
.caseView .moreProduct li,
.productView .moreProduct li { width: 182px; }
.design li a,
.moreDesign li a,
.moreProduct li a { display: block; height: 170px; width: 170px; margin: auto; }
.design li .name,
.moreDesign li .name,
.moreProduct li .name { display: block; line-height: 20px; height: 40px; overflow: hidden; text-align: center; color: #555; border-bottom: 1px solid #505e8d; padding: 3px 0 2px 0; margin: auto; width: 170px; }
.client { float: right; }
.client div { height: 232px; overflow: hidden; }
.client p { line-height: 24px; display: block; background: url(/public/images/default/li_icon.gif) no-repeat 12px 4px; padding: 0px 0px 0px 24px; height: 24px; overflow: hidden; margin: 0px; }
.certif ul { height: 235px; padding-top: 5px; overflow: hidden; }
.certif li { display: inline; }
.certif li span { display: block; margin: 0px; padding: 0px 0px 0px 24px; background: url(/public/images/default/li_icon.gif) no-repeat 12px 4px; height: 24px; overflow: hidden; line-height: 24px; }
.certif ul li a { overflow: hidden; display: block; height: 135px; text-align: center; }
.sideReason { float: right; }
.sideReason ul { height: 198px; overflow: hidden; }
.sideReason li { line-height: 30px; padding-left: 10px; display: block; font-size: 14px; font-weight: bold; color: #666; margin-top: 8px; margin-bottom: 8px; }
.cases { float: left; }
.cases ul { height: 365px; overflow: hidden; padding-top: 5px; padding-left: 20px; _padding-left: 18px }
.moreCases ul { padding-left: 20px; }
.cases li,
.moreCases li { display: block; text-align: center; background: #f4f4f4; float: left; height: 62px; width: 150px; overflow: hidden; padding: 10px; margin-right: 10px;_margin-right: 9px; margin-bottom: 5px; margin-top: 5px; }
.cases li a,
.moreCases li a { display: block; border: 1px solid #323232; }
.cases li a:hover,
.moreCases li a:hover { border: 1px solid #46a4e4; }
.faq { float: right; }
.faq ul { height: 147px; overflow: hidden; padding-top: 3px; }
.faq ul li { line-height: 24px; display: block; background: url(/public/images/default/li_icon.gif) no-repeat 12px 4px; padding: 0px 0px 0px 24px; height: 24px; overflow: hidden; }
.guarantee { text-align: center; height: 175px; padding-top: 12px; }
.news { width: 369px; }
.news ul { height: 240px; overflow: hidden; }
.news ul li,
.moreNews ul li { background: url(/public/images/default/li_icon.gif) no-repeat 12px 4px; display: block; line-height: 24px; padding-left: 24px; position: relative; overflow: hidden; height: 24px; }
.moreNews ul li .date { display: block; float: right; position: absolute; top: 0px; right: 0px; padding-right: 10px; overflow: hidden; }
.buttomAd { height: 48px; overflow: hidden; }
.buttomAd ul li { float: left; width: 198px; text-align: center; background: url(/public/images/default/buttom_ad_line.gif) no-repeat left center; }
.buttomAd ul .first { background: none; }
.footerLine { height: 2px; overflow: hidden; }
.friendlink { text-align: center; line-height: 40px; color: #8a8a8a; }
.footerMenu { text-align: center; line-height: 40px; color: #8a8a8a; }
.footer p { display: block; margin: 0px; padding: 0px; line-height: 24px; text-align: center; }
/***********pagination -----------------*/
.pagination { text-align: left; line-height: 24px; padding: 1px 0px 3px; }
.pagination a { margin: 0 1px; padding: 3px 5px; }
.pagination a:hover { background: #379BE9; color: #FFF; }
.pagination a.number { border: 1px solid #D0D0D0; }
.pagination a.current { background: #09f !important; color: #fff !important; font-weight: bold; }
.pagination a.current:hover { color: #000; }
.productView { padding-right: 10px; padding-left: 10px; }
/***********pagination -----------------*/
.productView .photo { width: 375px; text-align: center; border-top-width: 0px; border-left-width: 0px; height: 379px;margin-left: -10px }
.productView .jqzoom {display:block; width: 375px; _margin-left: 10px; }
.productView .note { width: 352px; height: 380px; position: relative; }
.productView .note h3 { display: block; margin: 0px; padding: 0px; line-height: 40px; font-size: 16px; font-weight: bold; }
.productView .note .number { display: block; line-height: 24px; margin: 0px; padding: 0px 0px 10px; }
.productView .note .intro { line-height: 24px; background: url(/public/images/default/line_dot.gif) repeat-x left top; padding-top: 10px; }
.productView .preview li { display: block; text-align: center; float: left; padding: 0px; overflow: hidden; cursor: pointer; margin-right: 5px; }
.productView .preview li a { display: block; padding-top: 8px; }
.productView .preview li span { display: block; padding: 1px; border: 1px solid #FFF; float: left; }
.productView .preview li .current { background: url(/public/images/default/this.gif) no-repeat center top; border-color: #5D3E2C; }
.productView .preview li .current span { border: 1px solid #5D3E2C; }
.productViewTab { border-bottom: 2px solid; height: 32px; }
.productViewTab li { display: block; float: left; line-height: 32px; margin-right: 2px; border-top: 1px solid #c9c9c9; border-right: 1px solid #c9c9c9; border-bottom: 0px solid #c9c9c9; border-left: 1px solid #c9c9c9; padding-right: 12px; padding-left: 12px; cursor: pointer; }
.productViewTab ul .tabCurrent { color: #FFF; font-weight: bold; }
.productView .addon { position: absolute; bottom: 0px; left: 0px; width: 100%; }
.productview .addon p { display: block; margin: 0px; padding: 0px; line-height: 20px; }
.productView .addon .button { display: block; clear: both; margin: 0px; padding: 0px; height: 32px; }
.productView .addon .button a { display: block; height: 32px; width: 140px; cursor: pointer; line-height: 32px; background: url(/public/images/default/productAddon.gif) no-repeat 0px 0px; }
.productView .addon .button .qq { float: left; background-position: -140px 0 }
.productView .addon .button .mail { background-position: 0 0; float: right; }
.productView .addon .qq:hover { background-position: -140px -32px }
.productView .addon .mail:hover { background-position: 0 -32px; }
.customTab { height: 33px; background: #f8f8f8; border-top: 1px solid #C9C9C9; border-right: 1px solid #C9C9C9; border-bottom: 1px solid #C9C9C9; border-left: 0px solid #C9C9C9; }
.customTab li { display: block; float: left; line-height: 32px; margin-right: 0px; cursor: pointer; width: 144px; text-align: center; border-left: 1px solid #c9c9c9; }
.customTab #customTab .first { border-right-width: 0px; }
.customTab ul .tabCurrent { background: #FFF; font-weight: bold; border-top-width: 2px; border-top-style: solid; }
.cmsView { text-align: left; }
.newsView,
.customPage,
.moreCourse,
.designView,
.cmsView,
.moreCertif,
.caseView { padding-right: 10px; padding-left: 10px; }
.small { font-size: 12px; line-height: 24px; }
.middle { font-size: 14px; line-height: 28px; }


.big { font-size: 16px; line-height: 32px; }


.moreFaq { padding-right: 10px; padding-left: 10px; }
.moreFaq dl dt { line-height: 40px; font-weight: bold; color: #555; display: block; }
.moreFaq dl dd { line-height: 30px; display: block; margin: 0px; padding: 0px 0px 16px 24px; }
/****************theme color *************/
/**default 
.default .color { color: #5d3e2c;}
.default .borderColor{ border-color:#5d3e2c;}
.default .bgColor { background: #5d3e2c; }
.default  .tabs #tabs .tabCurrent {border-top-color:#5d3e2c;}
.default .productViewTab ul .tabCurrent {background:#5d3e2c;}
.default .submenu .productClass li a:hover,
.default .submenu .productClass li .current{background:#5d3e2c;}*/.moreClient ul li,
.moreCms ul li { display: block; width: 50%; float: left; height: 38px; overflow: hidden; }
.moreClient ul li a,
.moreCms ul li a { display: block; line-height: 28px; padding-left: 10px; background: #f5f5f5; margin: 5px; height: 28px; overflow:hidden; }
.moreCertif ul li { display: block; float: left; background: url(/public/images/default/licence_box.gif) no-repeat center top; width: 50%; text-align: center; padding-top: 10px; }
.moreCertif ul li a { display: block; height: 184px; width: 222px; margin: auto; }
.moreCertif ul li .name { display: block; padding-top: 10px; line-height: 50px; padding-bottom: 26px; }
.relative { }
/*************relative **************/
/*.relative h4 { display: block; margin: 0px; padding: 0px; line-height: 30px; font-size: 14px; background: url(/public/images/default/line_dot.gif) repeat-x left bottom; }
.relative h4 span { display: block; color: #FFF; width: 100px; text-align: center; }*/
.relative ul { display: block; float: left; width: 49%; height: 150px; padding-right: 1%; }
.ulList li { background: url(/public/images/default/li_icon.gif) no-repeat 12px 4px; display: block; line-height: 24px; padding-left: 24px; height: 24px; overflow: hidden; }
.relative .hot { display: block; width: 40%; float: right; height: 150px; }
.relative .hot .title { background: #f5f5f5; display: block; line-height: 30px; margin: 0px; padding: 0px 0px 0px 10px; font-weight: bold; }
.relative .hot dl dt { display: block; line-height: 30px; padding: 8px 10px 0; overflow: hidden; height:30px; }
.relative .hot dl dd { line-height: 16px; display: block; margin: 0px; padding: 0px 15px 0px 0px; text-align: right; color: #ccc; }
.productView .relative { margin: 0px; padding: 0px; }
#sideBar { left: 50%; margin-left: 522px; padding: 1px; position: fixed; width: 48px; z-index:99999999999; _position: absolute; _top: expression(eval(document.documentElement.scrollTop || document.body.scrollTop) +eval(document.documentElement.clientHeight || document.body.clientHeight) -500+'px');}
#sideBarMain { margin: 80px auto; position: relative; width: 48px; background: #096; }
#navigationMenu li { list-style: none; height: 48px; width: 48px; padding: 1px; }
#navigationMenu #goTop { display: none; }
#navigationMenu span { /* Container properties */ width: 0; padding: 0; position: absolute; overflow: hidden; font-size: 16px; font-weight: bold; letter-spacing: 0.6px; white-space: nowrap; line-height: 48px; /* CSS3 Transition: */ -webkit-transition: 0.25s; /* Future proofing (these do not work yet): */ -moz-transition: 0.25s; transition: 0.25s; right: 0px; color: #FFF; }
#navigationMenu a { background: #b7c4ca url(/public/images/default/sideBar.gif) no-repeat 0px 0px; height: 48px; width: 48px; display: block; position: relative; }
/* General hover styles */
#navigationMenu a:hover span { width: auto; padding: 0 15px 0 48px; overflow: visible; line-height: 48px; background: #09f url(/public/images/default/sideBar.gif) no-repeat 0px 0px; }
#navigationMenu a:hover { zoom: 1; text-decoration: none; /* CSS outer glow with the box-shadow property */ -moz-box-shadow: 0 0 5px #9ddff5; -webkit-box-shadow: 0 0 5px #9ddff5; box-shadow: 0 0 5px #9ddff5; padding: 0px; }
#navigationMenu .tel { background-position: 0 0; }
#navigationMenu .tel:hover { background-position: 0 -192px; }
#navigationMenu .tel span { background-color: #09f; color: #f6f6f6; text-shadow: 1px 1px 0 #000; }
#navigationMenu .tel:hover span { background-position: 0 -192px; }
#navigationMenu .mail { background-position: 0 -48px; }
#navigationMenu .mail:hover { background-position: 0 -240px; }
#navigationMenu .mail span { background-color: #09f; color: #f6f6f6; text-shadow: 1px 1px 0 #000; }
#navigationMenu .mail:hover span { background-position: 0 -240px; }
#navigationMenu .qq { background-position: 0 -96px; }
#navigationMenu .qq:hover { background-position: 0px -288px; }
#navigationMenu .qq span { background-color: #09f; color: #f6f6f6; text-shadow: 1px 1px 0 #000; }
#navigationMenu .qq:hover span { background-position: 0 -288px; }
#navigationMenu .goTop { background-position: 0 -144px; }
#navigationMenu .goTop:hover { background-position: 0 -336px; }
#navigationMenu .goTop span { background-color: #09f; color: #F6F6F6; text-shadow: 1px 1px 0 #000; }
#navigationMenu .goTop:hover span { background-position: 0 -336px; }
#order { padding: 0px; width: 728px; }
#order p { display: block; margin: 0px; padding: 5px 0px; }
#order .label { padding-right: 5px; display: block; float: left; width: 64px; line-height: 26px; }
#order .input-text { border: 1px solid #BBB; background: #FFF; height: 24px; margin: 0px; padding: 0px; }
#order .noteTxt { display: block; clear: both; }
#order .left { float: left; width: 364px; }
#order .rigth { width: 364px; float: left; }
#order .input-widht { width: 260px; }
#order .noteArea { width: 695px; border: 0px solid #379BE9; }
#order #content { width: 693px; _width: 678px; height: 70px; overflow: auto; border-width: 0px; line-height: 20px; padding-top: 10px; }
#order .contentArea { border: 1px solid #bbb; }
#order .buttonArea { padding-top: 5px; padding-left: 5px; padding-bottom: 5px; display: none; }
#order .button { background: #328BD2; height: 28px; color: #FFF; border-width: 0px; line-height: 28px; float: right; margin-top: 5px; margin-right: 35px; width: 67px; font-family: "微软雅黑"; }
#order .buttonArea .left { width: 80%; }
.event { position: relative; width: 100%; min-height: 200px; _height: 200px; background: url(/public/images/default/line_col_bg.gif) repeat-y 62px top; }
.event h4 { line-height: 25px; display: block; margin: 0px; padding: 0px 0px 5px 4px; font-size: 12px; color: #323232; background: url(/public/images/default/event_title_bg.gif) no-repeat left bottom; }

.event h5 { display: block; float: left; width: 61px; margin: 0px; text-align: left; font-size: 12px; line-height: 24px; background: url(/public/images/default/event_line_row.gif) no-repeat 46px center; color: #323232; font-weight: normal; padding: 0px 0px 0px 12px; }
.event .title a { font-weight: bold; color: #09F; background: url(/public/images/default/event_current.gif) no-repeat right center; display: block; }


.event ul { float: left; width: 88%; }
.cmsSearch #form1 { height: 151px; margin: 0px; padding: 0px 0px 5px; }
.cmsSearch p { display: block; margin: 0px; padding: 6px 0px 6px 8px; height: 26px; }
.cmsSearch #keywords,
.cmsSearch #year,
.cmsSearch #caizhi { border: 1px solid #C9C9C9; }
.cmsSearch #keywords { width: 175px; }
.cmsSearch #year,
.cmsSearch #caizhi { width: 220px; }
.cmsSearch #submit { height: 26px; width: 78px; margin-left: 75px; }
.menu-list{
line-height: 24px;
padding: 6px 0 6px 18px;
}
.menu-list .row {
border-bottom: 1px dotted #e9ecee;
/*padding: 8px 0;*/

}
.menu-list .col-1 {
float:left;
clear:left;
width: 126px;
/*font-size: 14px;*/
}
.menu-list .col-1 a:link,
.menu-list .col-1 a:active,
.menu-list .col-1 a:visited{ 
    padding-top: 1px;
    font-weight: bold;
    color: #333
}
.menu-list .col-1 a:hover { color: #09f; }
.menu-list .col-9 {
float:left;
width: 856px;
}
.menu-list .col-9 ul {
display:block;
}
.menu-list .col-9 li {
padding-top: 1px;
float: left;
width: 122px;
/*padding: 0 36px 0 0;*/

}

/* remove the list style */
	.dropmenu {
		margin:0; 
		padding:0 0 0 2px; 
		list-style:none;
		font-size: 12px;
		
	}	
	
		/* make the LI display inline */
		/* it's position relative so that position absolute */
		/* can be used in submenu */
		.dropmenu li {
			float:left; 
			display:block; 
			width:111px; 
			position:relative;
			z-index:500; 
			/*font-weight:600;*/
			line-height: 24px;
			}
		
		/* this is the parent menu */
		.dropmenu li a {
			display:block; 
			/*padding:8px 5px 0 5px; */
			/*font-weight:700;*/  
			text-decoration:none; 
			text-align:center; 
			color:#666;
			border-top: 2px solid #fff;
			font-size: 14px;
		}

		.dropmenu li a:hover {
			border-top-color: #960;
			background:#f5f5f5;
			color:#000;
		}
	
		/* you can make a different style for default selected value */
		.dropmenu a.selected {
			color:#f00;
		}
	
		/* submenu, it's hidden by default */
		.dropmenu ul {
			position:absolute; 
			left:0; 
			display:none; 
			/*margin:0 0 0 -1px; */
			padding:0; 
			list-style:none;
			background:rgba(255, 255, 255, 0.7) none repeat scroll 0 0 !important;/*实现FF背景透明，文字不透明*/
            filter:Alpha(opacity=70); background:#fff;/*实现IE背景透明*/
            
		}
		
		.dropmenu ul li {
			width:100%;
			float:left; 
			border-top:1px solid #f5f5f5;
			font-weight:normal;
		}
		
		/* display block will make the link fill the whole area of LI */
		.dropmenu ul a {
			display:block;  
			padding: 2px 2px; 
			color:#666;
			border-top: 0;
			font-size: 12px;
		}
		
		.dropmenu ul a:hover {
		    background: #9d8441;
		    border-top:none;
		    color:#fff;
		}

		/* fix ie6 small issue */
		/* we should always avoid using hack like this */
		/* should put it into separate file : ) */
		*html .dropmenu ul {
			margin:0 0 0 -2px;
		}
.dropmenu .li-0 a:hover {border-top-color: #09f; }
.dropmenu .li-0 ul li a:hover {background: #09f; }

.dropmenu .li-1 a:hover {border-top-color: #f0396d; }
.dropmenu .li-1 ul li a:hover {background: #f0396d; }

.dropmenu .li-2 a:hover {border-top-color: #91b81e; }
.dropmenu .li-2 ul li a:hover {background: #91b81e; }

.dropmenu .li-3 a:hover {border-top-color: #f60; }
.dropmenu .li-3 ul li a:hover {background: #f60; }

.dropmenu .li-4 a:hover {border-top-color: #AE42DC; }
.dropmenu .li-4 ul li a:hover {background: #AE42DC; }

.dropmenu .li-5 a:hover {border-top-color: #099; }
.dropmenu .li-5 ul li a:hover {background: #099; }

.dropmenu .li-6 a:hover {border-top-color: #F013CF; }
.dropmenu .li-6 ul li a:hover {background: #F013CF; }

.dropmenu .li-7 a:hover {border-top-color: #2D58F7; }
.dropmenu .li-7 ul li a:hover {background: #2D58F7; }

.dropmenu .li-8 a:hover {border-top-color: #5d4384; }
.dropmenu .li-8 ul li a:hover {background: #5d4384; }