@charset "utf-8";
/*
 * 千里马网络
 * http://www.qlmnet.com/
 *
 * @project: 一墨十方
 * @author: 吴烈
 * @time: 2010-05-07
 * @orgalization: 森类实验室
 * @website: http://www.cnnetlab.com/
 * @copyright: 版权所有，保留所有权利。 
 */
 
/*common*/
.hide { display: none; visibility: hidden; }
.clear { clear: both; }
html, body, img { border: 0; }
html,
body,
div,
ul,
li,
p,
img,
a { margin: 0; padding: 0; outline: 0; }
a { text-decoration: none; color: #333; }
a:hover { text-decoration: underline; }
.reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .clearfix { height:1%; }
.uclearfix { display:block; }
/* end clearfix */
.zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
li a { text-decoration: none; }
li a:hover { text-decoration: underline; }
body { background: #fff; font-size: 12px;}
/*wrapper*/
#wrapper { width: 915px; margin: 0 auto; }
#inner-wrapper { width: 915px; padding: 25px 0 0 0; }
/*header*/
#header { height: 96px; }
#header p { padding: 0; margin: 0; }
#logo { float: left; background: url(../image/logo.jpg) no-repeat; height: 60px; width: 145px; }
#logo a { display: block; text-indent: -999em; height: 60px; width: 145px; }
p#nav-ch,
p#nav-en { float: right; width: 516px; height: 12px; margin: 25px 0 0 0;}
p#nav-ch a,
p#nav-en a { display: block; width: 40px; height: 12px; text-indent: -999em; float: left; background: url(../image/nav.jpg) scroll left -22px no-repeat; font-size: 6px;}
p#nav-ch a.home { width: 43px; background-position: 0 -19px;}
p#nav-ch a.about { width: 110px; background-position: -43px -19px;}
p#nav-ch a.service { width: 87px; background-position: -153px -19px;}
p#nav-ch a.case { width: 62px; background-position: -240px -19px;}
p#nav-ch a.honor { width: 62px; background-position: -302px -19px;}
p#nav-ch a.join { width: 86px; background-position: -364px -19px;}
p#nav-ch a.contact { width: 66px; background-position: -450px -19px;}
p#nav-ch a:hover,p#nav-ch a.current { background-position-y: 0;}
p#nav-en a.home { width: 51px; background-position: 0 -62px;}
p#nav-en a.about { width: 98px; background-position: -51px -62px;}
p#nav-en a.service { width: 83px; background-position: -149px -62px;}
p#nav-en a.case { width: 70px; background-position: -232px -62px;}
p#nav-en a.honor { width: 75px; background-position: -302px -62px;}
p#nav-en a.join { width: 79px; background-position: -381px -62px;}
p#nav-en a.contact { width: 57px; background-position: -460px -62px;}
p#nav-en a:hover,p#nav-en a.current { background-position-y: -44px;}

/*content*/
#content { height: 520px; width: 915px; position: relative; }
/*footer*/
#footer { height: 64px; }
#footer p { margin: 0; padding: 24px 0 0 0; color: #333; text-indent: -999em; width: 334px; background: url(../image/bottom.jpg) left 20px no-repeat; height: 13px;}
/*load page
#load { background: url(../image/load.jpg) scroll 10px top no-repeat; width: 410px; height: 380px; border: 1px solid #fff; margin: 166px 0 0 290px;}
#load a { display: block; width: 230px; height: 220px; text-indent: -999em; }
#load a.en, #load a.ch { height: 20px; }
*/
#mload { width: 220px; height: 240px; margin: 166px 0 0 347px;}

/*page*/
.fishon { position: absolute; right: 0; top: 0; width: 515px; overflow: hidden; height: 520px;}
.wide { width: 915px; float: none;}
.fishon .container-images { width: 515px; margin: 0 0 0 0; height: 500px; background: #fff url(../image/image-loading.gif) scroll 200px center no-repeat; overflow: hidden;}
.wide .images { height: 500px; width: 2196px; background: #fff url(../image/image-loading.gif) scroll 460px center no-repeat; } 
.fishon .images img {  }
.fishon .ctrl { background: #b8ac96; width: 505px; height: 16px; text-align: right; padding: 4px 10px 0 0;}
.wide .ctrl { width: 905px;}
.fishon .ctrl a { font-size: 10px; padding: 0 2px; line-height: 10px; }
.fishon .ctrl a.current { color: #fff; background: #D7D0C4;}
.fishon .ctrl a:hover { color: #FFF; }
.sider { position: absolute; left: 0; top: 0; width: 400px; height: 520px; background: #b8ac96; }
.sider .content { float: left; width: 264px; background: #82786e; padding: 20px 20px 20px 20px; height: 460px; overflow: hidden;}
.sider .content .pctrl { margin: 0 0 0 220px; height: 18px; width: 44px; overflow: hidden; }
.sider .content .pctrl a { width: 11px; height: 12px; background: #fff; display: block; float: left; padding: 1px;}
.sider .content .pctrl .up { background: url(../image/up_down.jpg) scroll -1px top; _background: url(../image/up_down.jpg) scroll -1px 3px; }
.sider .content .pctrl a:hover { border: #D7D0C4 1px solid; padding: 0;}
.sider .content .pctrl .down { background: url(../image/up_down.jpg) scroll 13px top; _background: url(../image/up_down.jpg) scroll 13px 3px; margin-left: 2px;}
.sider .content .pctrl .text { display: black; float: left; width: 80px; color: #eee; text-align: center; height: 14px; }
.sider .content .text { height: 280px; width: 264px; overflow: hidden; }
.sider .content .ctrl { margin: 20px 0 0 220px; height: 14px; width: 44px;}
.sider .content .ctrl a { width: 11px; height: 12px; background: #fff; display: block; float: left; padding: 1px;}
.sider .content .ctrl .up { background: url(../image/up_down.jpg) scroll -1px top; _background: url(../image/up_down.jpg) scroll -1px 3px; }
.sider .content .ctrl a:hover { border: #D7D0C4 1px solid; padding: 0;}
.sider .content .ctrl .down { background: url(../image/up_down.jpg) scroll 13px top; _background: url(../image/up_down.jpg) scroll 13px 3px; margin-left: 2px;} 
.sider .content .ctrl .back,
.sider .content .ctrl .blank { width: 80px; background: #82786e; text-align: center;}
.sider .content .ctrl .blank { text-indent: -999em; }
.sider .content .ctrl .blank:hover,
.sider .content .ctrl .back:hover { text-decoration: none; border: none; padding: 1px; color: #FFF;}
.sider .bg { width: 96px; margin: 500px 0 0 304px; _margin: 0 0 0 304px; background: #82786e; height: 20px;}
/*case*/
.a183 { width: 229px; height: 520px; background: url(../image/case_0.jpg) scroll left top; display: block; float: left; text-indent: -9999em;}
.a183_img1 { width: 229px; background: url(../image/case_1.jpg); }
.a183_img2 { width: 229px; background: url(../image/case_2.jpg); }
.a183_img3 { width: 228px; background: url(../image/case_3.jpg); }
.en .a183  { background: url(../image/case_en_0.jpg); }
.en .a183_img1 { background: url(../image/case_en_1.jpg); }
.en .a183_img2 { background: url(../image/case_en_2.jpg); }
.en .a183_img3 { background: url(../image/case_en_3.jpg); }
/*tab*/
p.tab { padding: 0 0 30px 0;}
p.line { border-bottom: 1px dashed #a79780; height: 26px; margin-bottom: 10px;}
p.tab span { padding: 0 4px; }
p.tab,p.type { font-size: 13px; line-height: 22px;}
p.tab a,p.type a { color: #a79780; }
p.type a:hover { color: #fff; text-decoration: none; }
p.current a { color: #fff; }
p a { color: #eee; }
p a.current { color: #fff; }
/**/
.sider .content .tabs { border-bottom: 1px dashed #a79780; margin-bottom: 10px; }
.sider .content .tabs .tabs-inner { height: 110px; overflow: hidden;}
.sider .content .text .inner { font-size: 12px; color: #FEFCF1; line-height: 160%; }