* { margin: 0; padding: 0; }
body { font-size: 12px; font-family: Tahoma; color: #777777; background: #000; }
li { list-style: none; }
object { outline: none; }
a { color: #4e4e4e; text-decoration: none; }
a:hover { text-decoration: underline; }
img { border: none; }

.c { clear: both; height: 0px; overflow: hidden; }
.fl { float: left; }
.fr { float: right; }
.ic span { display: none; }
.im img { display: block; }

.layout { width: 960px; margin: 0 auto; background: #fff url(/images/bg/page-default.gif) repeat-x 0 0;}
.layout1  { width: 960px; margin: 0 auto; }
.logo { position: absolute; top: 14px; left: 36px; width: 255px; height: 53px; }
/* Detail 布局 */
.w202 { width: 202px; }
.w204 { width: 204px; }
.w218 { width: 218px; }
.w369 { width: 369px; }
.w261 { width: 261px; }
.w530 { width: 530px; }
.w662 { width: 662px; }
.w758 { width: 758px; }

.pl41 { padding-left: 41px; }
.pl42 { padding-left: 42px; }
.pl39 { padding-left: 39px; }
.pl40 { padding-left: 40px; }
.pl53 { padding-left: 53px; }
.pl52 { padding-left: 52px; }

.pr56 { padding-right: 56px; }

.pt30 { padding-top: 30px; }

.pager { padding: 12px 0; text-align: center; clear: both; overflow: hidden; }
.pager a, .pager span { padding: 1px 4px; margin: 0 1px; font-size: 11px; line-height: 18px; }
.pager-link { border: 1px solid #000; color: #fff; background: url(/images/bg/page-link.gif) repeat-x 0 0; }
.pager-current { border: 1px solid #aad83e; background-image: url(/images/bg/page-current.gif); }
.pager-disable { border: 1px solid #f3f3f3; background: #fff; color: #ccc; }

/* Page Top 样式 */
.top { height: 77px; position: relative; }

.top-nav { position: absolute; top: 2px; right: 32px; height: 73px; }
.top-nav li { padding: 0 2px 0 0; float: left; width: 110px; height: 73px; background: url(/images/bg/top-nav-border.gif) no-repeat top right; }

.tn { display: block; width: 110px; height: 73px; background: url(/images/bg/top-nav.gif) no-repeat 0 38px; }
.tn0 { background-position:    0px 38px; }
.tn1 { background-position: -120px 38px; }
.tn2 { background-position: -240px 38px; }
.tn3 { background-position: -360px 38px; }
.tn4 { background-position: -480px 38px; }
.tn1:hover, .tn1-current { background-position: -600px 38px; }
.tn2:hover, .tn2-current { background-position: -720px 38px; }
.tn3:hover, .tn3-current { background-position: -840px 38px; }
.tn4:hover, .tn4-current { background-position: -960px 38px; }
.tn0:hover, .tn0-current { background-position: -1054px 38px; }

/* Banner Default样式 */
.bnr { height: 265px; }

/* Page Foot 样式 */
.foot { height: 190px; background: #000 /*url(/images/bg/foot.gif) no-repeat top center*/; color: #808080; }
.foot .layout { padding-top: 33px; height: 157px; background: #000 url(/images/bg/foot-layout.gif) no-repeat top center; }
.foot p { line-height: 1.6em; }
/*
.f-md {  }
*/
.f-md h4 { height: 50px; background: url(/images/icon/f1-2-3.gif) no-repeat 0 0; }
.f1 h4 { background-position: 0 0; }
.f2 h4 { background-position: -261px 0; }
.f3 h4 { background-position: -522px 0; }

.f1 img { float: right; }

.about { margin: 1px 0; background: #fff url(/images/bg/about-side.gif) repeat-y top right; }
.about-side { padding-bottom: 50px; }
.about-side li { padding-top: 30px; }
.about-side a { display: block; width: 160px; margin: 0 auto; }

.production { background: #dedede url(/images/bg/production.jpg) no-repeat 0 0; }
.p-nav { padding-left: 17px; height: 320px; }
.contact-nav { padding-left: 10px; height: 363px; }
/*.p-list { position: relative; background: #fff; border-top: 1px solid #9b9b9b; padding: 10px; }*/
.p-box { position: relative; background: #fff; border-top: 1px solid #9b9b9b; padding: 10px 0 10px 17px; }
.p-arrow { position: absolute; top: -8px; left: 130px; width: 15px; height: 8px; overflow: hidden; background: url(/images/icon/p-arrow.gif) no-repeat 0 0; }
* html .p-arrow { top: -7px; }
.pc1 .p-arrow { left: 130px }
.pc2 .p-arrow { left: 360px }
.pc3 .p-arrow { left: 590px }
.pc4 .p-arrow { left: 820px }
.category { float: left; display: inline; margin: 45px 29px 0; width: 173px; }
.c-desc { padding: 10px 0; line-height: 1.4; color: #000; }
.c-more a { font-family: Simsun; color: #3ea20d; }
.c-img { display: block; width: 173px; height: 110px; margin-bottom: 10px; }
.c-img img { display: block; }
.c-txt { font-size: 14px; color: #000; font-weight: bold; line-height: 35px; }
.c2 {  }
.c3 { margin-left: 28px; }
.c4 { margin-left: 31px; }

.list1 { margin: 25px 15px; }
.list1 li { width: 120px; display:inline; }
.list1 li img { border: 1px solid #e1e1e3; }
.list2 { margin: 0 10px 45px; border-bottom:1px dotted #424B54; padding-bottom: 40px; }
.list2 li { width: 140px; display:inline; }
.list2 li img { border: 1px solid #e1e1e3; margin: 38px 10px 0; }
.list3 { padding: 7px 0 15px 90px; background: url(/images/bg/list3-bg.gif) no-repeat bottom center; }
.list3 li { background: url(/images/bg/list3-bg.gif) no-repeat bottom left; height: 31px; line-height:31px; }
.news-tt-time { color: #257f22; margin-right:7px; font-family: Simsun; }
.list4 { margin-top: 10px; height: 1%; }
.list4 li { height: 42px; line-height: 42px; padding-left: 66px; background: url(/images/bg/list4-bg.gif) no-repeat 5% center; }
.list4 .sep { background-color:#ebebeb; }
.list4 .current { background: url(/images/bg/current-bg.gif) no-repeat 5% center; border: 1px solid #000; }
.detail { float: right; margin-right: 15px; background: url(/images/bg/detail-bg.gif) no-repeat; height:24px; width: 113px; line-height:24px; text-align:center; margin: 7px 12px 9px 0; display: block; }
.detail a { color: #fff; font-weight: bold;}
.list5 { background: url(/images/bg/dot-line.gif) repeat-x; overflow: hidden;}
.list5 li { margin: 20px 0 0 8px; background: url(/images/bg/list5-bg.jpg) no-repeat bottom right; width: 506px; height:72px; }
.list5 li.current { background: url(/images/bg/list5-current-bg.jpg) no-repeat bottom right; }
.list5 li.current p { padding-right: 40px; }
.list5 li.last { background: url(/images/bg/list5-last-bg.jpg) no-repeat bottom right; } 
.list5 img { float: left; margin: 0 15px 15px 0; border: 1px solid #ccc; padding: 3px; }
.list5 p { text-indent: 2em; padding-right: 15px; height: 30px; }
.list5 span { float: right; font-weight: bold; line-height: 23px; margin-right: 40px; }
.list5 a { color: #fff; }
.list6 { margin: 35px 0 0 15px; }
.list6 li { list-style-type: disc; margin-bottom: 18px; }
.list7 li { line-height: 30px; padding-left: 10px; }
.list7 li.prev { background: url(/images/bg/prev-bg.gif) no-repeat left center; border-bottom: 1px dotted #b2b2b2; }
.list7 li.next { background: url(/images/bg/next-bg.gif) no-repeat left center; }
.list7 b { margin-right: 15px; }

.building { color: #AAA; font-weight: bold; font-size: 18px; text-align: center; padding: 50px 0; }

.client-top { background:url(/images/bg/client-top.jpg) no-repeat; width: 524px; height: 106px;}
.client-top p { display : none; }
.copyright-box { border-top: 1px dotted #555c62; padding: 10px; line-height: 20px; margin-bottom: 20px; }
.copyright-box .copyright-text { color: #2d8e23; }

.index-top { background:url(/images/bg/intro.jpg) no-repeat; width: 524px; height: 184px; }
.index-top p { display : none; }

.magazine { background:url(/images/bg/list2-bg.jpg) no-repeat; padding-top: 38px; }
.magazine-top { background:url(/images/bg/magazine-top.jpg) no-repeat; width: 514px; height: 159px;}
.magazine-top p { display : none; }
.contact { background: url(/images/bg/contact-bg.jpg) no-repeat; }
.company { float: left; display:inline; width:405px; color:#000; margin: 50px 35px 45px; }
.company dt { color: #098b38; font-weight: bold; font-size: 14px; margin: 0 0 30px 30px; }
.company dd { display: inline; line-height:25px; }

.box1 { width: 960px; background: #fff url(/images/bg/box1-bg.jpg) no-repeat; }
.ad-box { margin: 87px 0 23px 0; }
.contact-box { background: url(/images/bg/contact-box-bg.jpg) no-repeat; width: 196px; height: 164px; margin-bottom:30px; }
.contact-box p.text { padding: 65px 33px 0 58px; line-height:20px; font-weight: bold; }
.contact-box p.link { padding: 30px 67px 20px; font-weight: bold; }

.news { padding-left: 22px; }
.news h1 { height: 55px; }
.news-top { padding: 22px 0 12px; height: 75px; background: url(/images/bg/list3-bg.gif) no-repeat bottom left; }
.news-top img { float: left; margin-right: 15px; }
.news-top h2 { font-size: 12px; font-weight: normal; }
.news-top p { line-height: 17px; }
.news-detail-main { border-bottom: 2px solid #e5e5e5; }
.news-heading { text-align:center; padding:10px 0; background: url(/images/bg/dot-line.gif) repeat-x 0 bottom; line-height:150%; }
.news-heading h2 { color: #cd6769; font-size: 22px; line-height: 1.5; width: 80%; margin: 0 auto 5px; }
.news-content { line-height:180%; padding: 10px 0; letter-spacing:1px; font-size:14px; color: #333; }
.news-content p { margin: 15px 5px; text-indent: 2em; }

.m3 .news-top { padding-top: 0px; }
.m3 .list3 { background: none; padding-left: 0; }
.m3 .list3 li { background: none; }
.news-tt2 { font-weight: bold; color: #505050; padding-bottom: 2px; }

.hr-top { background:url(/images/bg/hr-top.jpg) no-repeat; width: 525px; height: 108px;}
.hr-top p { display : none; }
.hr-mid { border: 1px solid #e2e2e2; padding: 19px 28px; line-height:23px; }
.hr-mid b { color:#000; margin-bottom:15px; }
.hr-mid h3 { text-align:center; padding:10px 0; }

.btn1 { background:url(/images/bg/btn1-bg.gif) no-repeat; width: 70px; height: 24px; line-height: 24px; text-align: center; float: left; display: block; }
.prev-article { border: 2px solid #dadada; padding: 0 10px; line-height: 1.5; }

.p-tt { width: 327px; height: 37px; margin: 5px auto 10px; background: url(/images/icon/p-title-1-2-3-4.gif) no-repeat 0 0; }
.p-tt-1 { background-position: 0 -37px; }
.p-tt-2 { background-position: 0 0px; }
.p-tt-3 { background-position: 0 -74px; }
.p-tt-4 { background-position: 0 -111px; }
.p-item { float: left; width: 217px; height: 181px; padding-top: 8px; background: #e8e8e8; margin: 7px; display: inline; text-align: center; position: relative; }
.p-item span { display: block; }
.p-cover { width: 203px; height: 133px; padding-top: 9px; margin: 0 auto; background: url(/images/bg/p-bg.gif) no-repeat 0 0; }
.p-cover img { display: block; margin: 0 auto; }
.p-link a { color: #5c5c5c; }
.p-link a:hover { text-decoration: none; color: #000; }

.p-stage { width: 910px; }
.ps-head { position: relative; height: 67px; background: url(/images/bg/stage-tt.gif) repeat-x 0 0; }
.ps-tt { position: absolute; top: 18px; left: 20px; color: #1a1a1a; font-size: 18px; font-family: 'Microsoft Yahei', SimHei, Arial; }
.ps-sub-tt { position: absolute; top: 44px; left: 20px; color: #848484; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }  
.ps-bar { position: absolute; right: 20px; top: 20px; }
.ps-close { width: 66px; height: 19px; background: url(/images/btn/stage-close.gif) no-repeat 0 0; display: block; cursor: pointer; }
.ps-ci { padding-left: 10px; height: 28px; line-height: 28px; font-size: 14px; color: #000; background: url(/images/icon/stage-icon.gif) no-repeat left center; }
.ps-ci-ct { padding: 5px 0 10px 10px;  color: #515151; line-height: 1.6; }
.ps-desc { height: 300px; overflow: hidden; overflow-x: hidden; overflow-y: auto; }
.ps-info th, .ps-info td { vertical-align: top; font-weight: normal; text-align: left; }
.ps-info th { width: 60px; }

.ps-main { width: 655px; float: right; }
.ps-side { padding-left: 14px; padding-right: 20px; width: 200px; float: right; }
.ps-icon-list { padding: 5px 0; width: 870px; height: 22px; margin: 0 auto; }
.ps-icon-list li { float: left; margin-right: 5px; opacity: 0.5; filter: Alpha(opacity=50); cursor: pointer; }
.ps-icon-list .current { opacity: 1; filter: Alpha(opacity=100); }
.ps-stage img { display: block; border: 2px solid #202020; }

.ps-body { padding: 15px 1px; background: url(/images/bg/stage-body.jpg) no-repeat top right; }
.ps-body-in { background: url(/images/bg/dot-line.gif) repeat-y 672px 0; }
.ps-foot { width: 870px; height: 80px; line-height: 80px; margin: 0 auto; background: url(/images/bg/dot-line.gif) repeat-x top left; }

.ab-links { height: 326px; background: url(/images/bg/ab.gif) no-repeat 0 30px; }
.ab-links span { display: none; }
.ab-links li { padding-left: 28px; }
.ab-links a { display: block; width: 163px; background: url(/images/bg/ab-link.gif) no-repeat 0 0; }
.ab1 a { height: 53px; *height: 51px; background-position: 52px 17px; }
.ab2 a { height: 53px; *height: 51px; background-position: 52px -37px; }
.ab3 a { height: 56px; *height: 54px; background-position: 52px -88px; }
.ab4 a { height: 56px; *height: 54px; background-position: 52px -144px; }
.ab5 a { height: 55px; *height: 53px; background-position: 52px -200px; }
.ab6 a { height: 53px; *height: 51px; background-position: 52px -255px; }
.ab1 a:hover, .ab1-c a { background-position: 52px -312px; }
.ab2 a:hover, .ab2-c a { background-position: 52px -366px; }
.ab3 a:hover, .ab3-c a { background-position: 52px -417px; }
.ab4 a:hover, .ab4-c a { background-position: 52px -473px; }
.ab5 a:hover, .ab5-c a { background-position: 52px -529px; }
.ab6 a:hover, .ab6-c a { background-position: 52px -584px; }

.ab-hs { line-height: 1.6; color: #333; }
.ab-hs p { margin-bottom: 25px; }

.tool-link { height: 175px; }
.tl1 { padding: 20px 0; }

.intro-top1 { background: url(/images/bg/intro.gif) no-repeat; width: 514px; height: 158px; position: relative; }
.intro-top1 a { color: #a2dea9; position: absolute; bottom: 18px; right: 52px; }
.intro-director { height: 130px; width: 116px; padding: 14px 0 14px 9px; }
.intro-index-mid { margin: 34px 0 7px; *margin: 34px 0 33px; overflow: hidden; height: 1%; }
.intro-index-mid dl { width: 220px; margin: 0 20px 26px 10px; float: left; }
.intro-index-mid dt { width: 65px; float: left; margin-right: 7px; }
.intro-index-mid dt img { border: 1px solid #ccc; padding: 3px; }
.intro-index-mid dd { width: 146px; height: 60px; background: url(/images/bg/designer-block.gif) no-repeat left bottom; float: left; line-height:20px; text-indent: 2em; }
.buttons { float:right; position: relative; top: 0; left: 0; z-index: 20; }
.buttons span { color: #4a4a4a; cursor: pointer; float: left; display: block; width: 63px; height: 20px; background: url(/images/bg/intro-next-bg.gif) no-repeat; margin-right: 3px; text-align: center; line-height: 18px; }
.intro-index-mid .info h3 { background: url(/images/bg/info-bg.gif) no-repeat left 20%; padding: 0 0 19px 10px; border-bottom: 1px dotted #d2caca; color: #009837; font-size: 15px; height: 1%; }
.intro p { margin-bottom: 45px; line-height: 20px; color: #444444; }

.index-designer { overflow: hidden; }
.index-designer dl { width: 220px; margin: 0 0 12px; float: left; }
.index-designer dt { width: 63px; height: 63px; float: left; margin-right: 5px; }
.index-designer dt img { border: 1px solid #ccc; padding: 2px; }
.index-designer dd { width: 146px; height: 60px; background: url(/images/bg/designer-block.gif) no-repeat left bottom; float: left; line-height:20px; text-indent: 2em; }

.quali-top { border-bottom: 1px dotted #666; background: url(/images/bg/quali-top-bg.gif) no-repeat; width: 522px; height: 233px; }
.quali-top .cell { height:152px; width: 107px; margin:0px 15px; border: 1px solid #000; }
.inline { display:inline; }
.flt{ float:left; display:inline; }
#ISL_Cont { width: 425px; height: 154px; overflow: hidden; display: inline; margin: 32px 0; }
/*外部可见宽度*/
#ISL_Cont .ScrCont { width: 32766px; zoom: 1; overflow: hidden;}
#ISL_Cont .box { width: 835px; height: 154px; display: inline; float: left; }
/*内部实际宽度*/ 
#List1, #List2 { float: left; display: inline; }

.float-box { position: absolute; top: 0px; left: 0px; padding: 30px 8px 8px; border:1px solid #1c6436; width: 720px; height: 320px; background: #1c6436;  }
.float-bar { position: absolute; top: 0px; left: 690px; padding: 10px; width: 30px; }
.float-bar a { color:#fff; }
.float-ct  { overflow: hidden; overflow-y: auto; height: 300px; padding: 10px; background: #fff; }
.job-tt { font-size: 16px; color: #333; padding: 8px 0; }
.job-ct { line-height: 1.7; padding: 10px 5px; font-size: 14px; color: #333; }
.job-ct ul, .job-ct p, .job-ct ol { margin:12px 0; }
.job-ct li { margin: 6px 0; }
.job-ct ul li { list-style-type: disc; margin-left: 20px; }
.job-ct ol li { list-style-type: decimal; margin-left: 20px; }

.mask2 { position: relative; height:65px; overflow:hidden; }
.mask3 { position: relative; height:618px; width: 530px; overflow:hidden; }
#box5,#box7,#box8 { position:absolute; }
#box5 img { margin: 0 5px 5px 0; }
#box7 img { margin: 14px 0; }
#box8 p { margin: 25px 0 30px; padding: 0 19px 32px 22px; border-bottom: 1px dotted #d2caca; line-height: 25px; text-indent: 2em; }
#box8 p.first { background: url(/images/bg/quote-top.gif) no-repeat left top; padding-top: 22px; }
#box8 p.last { background: url(/images/bg/quote-bottom.gif) no-repeat right bottom; border: none; }
#box8 div { height: 618px; position: relative; top: 30px; }
#box8 .info1 { top: 30px; *top: 30px; }
#box8 .info2 { top: 5px; *top: 30px; }
#box8 .info3 { top: -20px; *top: 30px; }
#box8 .info4 { top: -45px; *top: 30px; }
#box8 .info5 { top: -70px; *top: 30px; }
#box8 .info6 { top: -95px; *top: 30px; }
#box8 .info7 { top: -120px; *top: 30px; }

.ajax-mask { background: #000; position: absolute; top: 0px; left: 0px; width: 100%; height: 100px; }
.ajax-box  { background: #fff; position: absolute; top: 0px; left: 0px; position: fixed; z-index: 10000; width: 910px; }
* html .ajax-box { position: absolute; }

.comment { margin: 10px; }
.comment h3 { background: #DCDCDC url(/images/bg/dot-line.gif) repeat-x left bottom; font-size: 14px; color: #B90012; padding: 3px 5px; }
.comment-item { padding: 5px; background: #f0f0f0 url(/images/bg/dot-line.gif) repeat-x left bottom; }
.comment-ct { padding: 2px 0; color: #5d5d5d; line-height: 1.5; }
.comment-misc { padding: 2px 0; }
.comment-misc span { margin-right: 5px; }
.edit-talk { margin: 10px; line-height: 3em; }
.edit-talk textarea { width: 500px; height: 100px; }
.error-tip { color: #ff0000; padding: 2px 0; line-height: 14px; }

.quali li { color:#000; }