﻿@charset "utf-8";
/* main */
* { margin: 0px; padding: 0px;}
.clb { clear:both; height:0; line-height:0;font-size: 0px;}
body { font-size: 12px; color: #666; font-family:Arial; background: #D9E0E6 url(backgrounds/main.jpg) no-repeat center top; }
ul { list-style-type: none; }
img { border: none; }
input { vertical-align: middle; }
img { vertical-align: bottom; }
input, select, textarea { font-size: 12px; font-family: Arial; }
ins { display: none; text-decoration: none; }
dfn { font-weight: bold; font-style: normal; }
address { font-style: normal; }
label { cursor:pointer; font-weight: normal; }
input.input, textarea.input { border: 1px solid #999; padding: 1px; background: #FFF; }
.input:hover, select:hover { background-color: #FFFFE6; }
.input:focus { background-color: #FFC; border: 1px solid #666; }
h1, h2, h3, h4, h5, h6 {  }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
a.external { padding-right: 10px; background: url(icon/external.gif) no-repeat right top; }
.clear { clear: both; font-size: 1%; line-height: 1%; }
/*wrapper*/
.wrapper { width: 1002px; border-top: 5px solid #D9E0E6; margin: 0 auto; }
/*header*/
.wrapper .header { height: 100px; }
.header h1 { float: left; margin: 10px 0 0 10px; position: absolute; }
.header h1 a { }
.header h1 a span { display: none; line-height: 20px; }
.header h1 a:hover { color: #666; text-decoration: none; font-size: 11px; }
.header h1 a:hover span { display: block; }
.header ul.navigation { float: right; width: 720px; text-transform: uppercase; font: bold 12px/40px Arial; background: url(lines/nav_bottom.gif) no-repeat center bottom; padding-top: 5px; }
.header ul.navigation li { float: left; padding-right: 2px; background: url(lines/nav_split.gif) no-repeat right center; }
.header ul.navigation li span, .header ul.navigation li a { padding: 0 16px 10px 14px; }
.header ul.navigation li a { color: #666; }
.header ul.navigation li.last { background-image: none; }
.header ul.navigation li.last a { color: #333; }
.header ul.navigation li a:hover, .header ul.navigation li span { color: #06F; background: url(arrows/gay_top.gif) no-repeat center bottom; text-decoration: none; }
.header ul.categoryinfo { float: right; clear: both; width: 720px; padding-top: 5px; line-height: 44px; color: #999; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.header ul.categoryinfo li { background: url(images/info_homepage.gif) no-repeat left center; padding-left: 70px; display: none; height: 44px; }
.header ul.categoryinfo li.company { background-image: url(images/info_company.gif); }
.header ul.categoryinfo li.services { background-image: url(images/info_services.gif); }
.header ul.categoryinfo li.technical { background-image: url(images/info_technical.gif); }
.header ul.categoryinfo li.process { background-image: url(images/info_process.gif); }
.header ul.categoryinfo li.industries { background-image: url(images/info_industries.gif); }
.header ul.categoryinfo li.language { background-image: url(images/info_language.gif); }
/*body*/
.wrapper .body { clear: both; }
/*footer*/
.wrapper .footer { clear: both; text-align: right; background: url(backgrounds/footer.gif) no-repeat center top; margin-bottom: 10px; }
.footer .menu { padding: 35px 10px; font-weight: bold; color: #FFF; text-transform: uppercase; line-height: 18px; }
.footer .menu a { color: #FFF; padding: 0 10px; }
.footer .menu a:hover { color: #06F; }
.footer p { line-height: 16px; }
.footer p a { }
.footer p a:hover { }
/*body*/
.wrapper .body { }
/*innerhead*/
.body .innerhead { height: 353px; }
/*quickwrap*/
.innerhead .quickwrap { width: 168px; position: absolute; line-height: 14px; overflow: hidden; margin: 50px 0 0 780px; background: #49C6FF url(backgrounds/quick_menu_bottom.gif) no-repeat left bottom; padding-bottom: 14px; filter:alpha(opacity=0); opacity: 0; visibility: hidden; }
.quickwrap ul.quicklink { background: url(backgrounds/quick_menu_top.gif) no-repeat left top; padding: 5px; }
.innerhead ul.quicklink li { border-bottom: 1px solid #9DDFFF; background: url(icon/dot_white.gif) no-repeat 0px 12px; padding: 5px 5px 5px 0; }
.innerhead ul.quicklink li.first { }
.innerhead ul.quicklink li a { display: block; padding: 2px 5px 2px 12px; color: #FFF; }
.innerhead ul.quicklink li a:hover { background: #FFF url(corner/white_blue.gif) no-repeat right top; color: #06F; text-decoration: none; }
/*content*/
.body .content { background: #e1f6ff url(lines/home_left_bg.gif) repeat-y left top; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; color: #3C6B82; line-height: 16px; width: 1000px; overflow: hidden; }
.body .content p { padding-bottom: 5px; line-height: 21px; }
.body .content h4 { font-size: 14px; color: #06c; line-height: 18px; padding-bottom: 8px; }
.body .content h5 { font-size: 12px; }
.body .content h4 a { color: #06C; padding-right: 22px; background: url(icon/more.gif) no-repeat right center; }
.body .content h4 a:hover { color: #039; }
.content .left, .content .right, .content .middle { _height: 290px; min-height: 290pxpx; }
.content .left { width: 280px; float: left; background: url(lines/home_split_left.gif) no-repeat right top; padding: 0 15px; }
.content .left h5 { line-height: 18px; }
.content .left blockquote { color: #888; padding-bottom: 15px; }
.content .right { width: 660px; float: right;  padding: 15px; }
.content .right h5 { color: #666; }
.content .right p { }
.content .middle { padding: 10px; margin-left: 310px; width: 240px; _width: 234px; }
.content .right .description { background-repeat: no-repeat; padding: 0 10px 8px 60px; }
.content .right .whychina { background-image: url(images/why_china_s.gif); }
.content .right .whycore { background-image: url(images/why_core_s.gif); }
.content .right .whyodc { background-image: url(images/why_odc_s.gif); }
.content .middle ul li { border-bottom: 1px solid #DDD; margin-bottom: 8px; padding-right: 5px; }

table.demo tr td img { margin:2px;}
table.demo tr td { padding:2px;}
table.demo tr td a { border:solid 1px #cccccc; display:block; background:#ffffff;}
table.demo tr td a:hover { border:solid 1px #009EDF;}

ul.news {}
ul.news li { font-size:12px; line-height:23px; border-bottom:dashed 1px #CFE5F0; background:url(arrows/log_pix.gif) no-repeat 0 10px; text-indent:10px;}
ul.news li a:link, ul.news li a:visited {color:#3C6B82;}
ul.news li a:hover {color:#0066CC;}

.proshow { border-bottom:dashed 1px #666666; clear:both; margin:0 0 15px 0; }
.proshow img { border: solid 1px #CCCCCC; padding:2px; background:#FFFFFF; float:left;  margin:0 5px;}
.proshow p.pro { float:left; }
.proshow p.pro b { font-size:14px; display:block; background:url(icon/more.gif) no-repeat 0 3px; text-indent:16px;/* border-bottom:solid 1px #0099FF;*/ }

/*分类*/
ul{list-style:none}
ul.profen { margin:0; padding:0; height:30px; list-style:none}
ul.profen li { float:left;list-style:none}
ul.profen li a { display:block; line-height:25px; border-bottom:solid 3px #CCCCCC; width:70px; text-align:center; }
ul.profen li a:link,ul.profen li a:visited { color:#666666;}
ul.profen li a:hover,ul.profen li a:active { text-decoration:none; color:#0066CC; border-bottom:solid 3px #0066CC; }










