@charset "utf-8";
/* css document */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video,button{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body {font:normal 12px/20px verdana,arial,helvetica,sans-serif;; text-align:center; background:#fff; color:#626262}
ul,ol,li{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}
a {margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent; text-decoration:none; color:#646554}
ins{background-color:#ff9;color:#000;text-decoration:none;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del{text-decoration: line-through;}
table {border-collapse:collapse;border-spacing:0;}
input,select,img,button,td{vertical-align:middle; overflow:visible}
button{ cursor:pointer; border:none}
h2{ font:bold 13px/1.5 tahoma,georgia,verdana,arial,sans-serif; color:#000}
.off{ display:none}

.more{ display:block; width:32px; height:5px; text-indent:-8000px; background:url(/uploads/image/images/more.gif) no-repeat  0 0; position:absolute; left:90%; top:15px}
.marqueeimg .more{ left:80%}
.wrapper{ width:974px; margin:0 auto; text-align:left}
.header{ position:relative}
h1{ text-align:left; padding:0 0 3px 0}
h1 a{ display:block; width:600px; height:77px; text-indent:-8000px; background:url(/uploads/image/images/logo.gif) no-repeat 0 0}

.header .nav{ height:54px; background:url(/uploads/image/images/navbg.gif) no-repeat right -54px} 
.header .nav ul{ height:54px; background:url(/uploads/image/images/navbg.gif) no-repeat left 0; overflow:hidden; padding:0 22px} 
.header .nav li{ float:left; font:bold 14px/54px "宋体"; padding:0 16px}
.header .nav li a{ color:#fff}
.header .menu{ width:250px; height:29px; position:absolute; right:0; top:25px}
.header .menu p{ height:29px; line-height:29px}
.header .menu a{ display:block; float:left; padding:0 5px 0 20px; color:#adaeb0}
.header .menu a.first{ background:url(/uploads/image/images/toplink.gif) no-repeat -5px 3px}
.header .menu a.second{ background:url(/uploads/image/images/toplink.gif) no-repeat -5px -24px}
.header .menu a.last{ background:url(/uploads/image/images/toplink.gif) no-repeat -5px -49px}
.header .tip{ width:220px; height:18px; position:absolute; left:720px; top:95px; font-size:12px; padding:0; text-align:right; color:#fff}
.header .tip input{ width:190px; height:18px; background:url(/uploads/image/images/searchl.jpg) no-repeat 0 0; border:none; padding-left:5px; overflow:hidden }
.header .tip button{ width:18px; height:18px; text-indent:-8000px; cursor:pointer; background:url(/uploads/image/images/searchr.jpg) no-repeat 0 0; margin-top:-3px!important; margin-top:2px}

.banner{ text-align:center;height:310px;overflow:hidden}
.banner img{ width:974px; height:310px; display:none}

.container{ background:#fff url(/uploads/image/images/containerbg.gif) repeat-x 0 0; overflow:hidden; height:1%; padding:0 0 10px; margin-top:10px}
#index .aside{ width:180px!important; width:185px; float:left; background:#eff3f4 url(/uploads/image/images/asidebg.gif) repeat-x top; padding:5px 15px}
#list .aside,#details .aside{ width:210px!important; width:215px; float:left; background:url(/uploads/image/images/sidebg.gif) no-repeat right 0; padding-right:12px;min-height:350px; height:auto !important; height:350px;overflow:visible;}


.content{ margin:0 0 0 220px!important; margin:0 0 0 217px; padding:5px 10px; position:relative; height:1%}

#index h2 span{  display:block; height:28px; text-indent:-8000px}
#index h2{ background:url(/uploads/image/images/h2bg.gif) no-repeat left bottom; padding-bottom:4px; margin-bottom:20px; line-height:28px}
.loginbox h2 span{ display:block; height:28px; background:url(/uploads/image/images/logintitle.gif) no-repeat 0 0}

.loginbox input{ margin-bottom:5px; width:120px; border:1px #ccc solid}
.loginbox form span{ display:block; text-align:right; padding-right:3px}
.loginbox button{ height:20px; text-indent:-8000px}
.btn{ width:63px; background:url(/uploads/image/images/loginbtn.gif) no-repeat 0 0; margin-right:3px}
.linkbtn{ width:49px; background:url(/uploads/image/images/registerbtn.gif) no-repeat 0 0; margin-right:3px!important;margin-right:5px}

.contactus h2 span{ background:url(/uploads/image/images/contacttitle.gif) no-repeat 0 0}
dl{ overflow:hidden; height:1%; padding-bottom:30px}
dt{ float:left}

.main{ width:69%; float:left; margin-right:20px}
.intro{ overflow:hidden; position:relative}
.intro h2 span{ background:url(/uploads/image/images/introtitle.gif) no-repeat 0 0}
.intro blockquote{ height:126px; background:url(/uploads/image/images/intropic.gif) no-repeat 0 0; padding-left:150px; margin-bottom:20px}
.intro blockquote p{ text-indent:2em}

.news,.dynamic,.learning,.marqueeimg,.message{ position:relative; margin-bottom:10px}
.news h2 span{ background:url(/uploads/image/images/newstitle.gif) no-repeat 0 0}
.dynamic h2 span{ background:url(/uploads/image/images/dynamictitle.gif) no-repeat 0 0}
.learning h2 span{ background:url(/uploads/image/images/learningtitle.gif) no-repeat 0 0}
.message h2 span{ background:url(/uploads/image/images/messagetitle.gif) no-repeat 0 0}
.marqueeimg h2 span{ background:url(/uploads/image/images/friendtitle.gif) no-repeat 0 0}
.newspic h2 span{ background:url(/uploads/image/images/pictitle.gif) no-repeat 0 0}

.news .section,.dynamic .section,.learning .section,.message .section{ height:105px; background:url(/uploads/image/images/newspic.gif) no-repeat 0 0; padding-left:125px}
.dynamic .section{ background:url(/uploads/image/images/dynamicpic.gif) no-repeat 0 0}
.learning .section{background:url(/uploads/image/images/learningpic.gif) no-repeat 0 0}
.message .section{background:url(/uploads/image/images/messagepic.jpg) no-repeat 0 0}
.news li,.dynamic li,.learning li,.message li{ background:url(/uploads/image/images/ico1.gif) no-repeat left!important; background:url(/uploads/image/images/ico1.gif) no-repeat left 5px; padding-left:10px}
.news li span,.dynamic li span{ margin-right:50px}
.marqueeimg marquee{ height:225px}
.marqueeimg p a{ display:block; margin-bottom:5px}
.marqueeimg p a img{ width:175px}

.bside{ width:202px; float:left; overflow:hidden}
.case{ margin-bottom:10px}
.case h2 span{background:url(/uploads/image/images/displaytitle.gif) no-repeat 0 0}
.case .section{ padding:2px; position:relative}
.case .section p{ position:absolute; left:100px; top:118px}
.case .section p span{ cursor:pointer; padding:0 5px}
.case marquee{ height:100px}

.video{ margin-bottom:10px}
.video h2 span{background:url(/uploads/image/images/videotitle.gif) no-repeat 0 0}
.video .section{ padding:2px; position:relative}
.video .section p{ position:absolute; left:100px; top:118px}
.video .section p span{ cursor:pointer; padding:0 5px}

.link{ margin-top:20px }
.link a{ display:block; width:200px; height:66px; margin-bottom:10px; text-indent:-8000px; border:1px #c7cacf solid}
.zhaop{ background:url(/uploads/image/images/zhaop.gif) no-repeat 0 0}
.liuy{ background:url(/uploads/image/images/liuy.gif) no-repeat 0 0}

.frendlylinks p { clear:both; border:1px #ccc solid; background: no-repeat left; padding:0 0 0 70px}
.frendlylinks p img{ width:108px}

.footer{ text-align:left; line-height:18px; padding:10px 20px 10px 320px; border-top:5px #f00 solid; background:url(/uploads/image/images/logo1.gif) no-repeat left}
.footer .menu a{ margin:0 10px}
address{ font:normal 12px/18px verdana,arial,helvetica,sans-serif; margin-top:10px}

#list .content,#details .content{ padding-right:30px}
.path{ position:absolute; left:500px; top:8px}
#list .content li{ background:url(/uploads/image/images/ico2.gif) no-repeat 5px; padding-left:25px; line-height:30px; border-bottom:1px #ccc dashed; overflow:hidden; height:1%; text-align:right; color:#999}
#list .content li a{ float:left}
.page{ overflow:hidden; height:1%; text-align:left; padding:20px 10px 10px}
.page p{ float:left; width:300px}
.page .pagebtn{ width:280px; float:right}
.page span{ display:block; height:18px; border:1px #dcd9d4 solid; background:#dcd9d4; float:left; margin-right:5px; padding:0 5px; line-height:18px}
.page span.number{ background:#eee}
select{ float:left; margin-right:5px}


#list .aside .menu h2,#details .aside .menu h2{ height:51px; background:url(/uploads/image/images/sidetitle.gif) no-repeat 0 0; line-height:51px; text-indent:0; padding-left:50px; font:bold 14px/45px verdana,arial,helvetica,sans-serif;; color:#fff}
#list .aside .menu ul,#details .aside .menu ul{ padding:20px 30px}
#list .aside .menu li,#details .aside .menu li{ background:url(/uploads/image/images/ico4.gif) no-repeat left; padding-left:20px; line-height:30px; border-bottom:1px #ccc dashed}
#list .content h2,#details .content h2{ background:url(/uploads/image/images/ico3.gif) no-repeat left; padding-left:20px; font:bold 14px/44px verdana,arial,helvetica,sans-serif;; border-bottom:1px #c30000 solid; margin-bottom:15px}

#list .path,#details .path{ width:500px; text-align:right; left:180px; top:18px}

#details h3{ font:bold 22px/50px verdana,arial,helvetica,sans-serif;; text-align: center;}
#details .info{background: #f7f7f7; border: 1px solid #e8e8e8; height: 28px; line-height: 28px; text-align: center;}
#details blockquote{ font:normal 14px/22px verdana,arial,helvetica,sans-serif; padding:10px 0 30px}
#details blockquote p{ padding: 8px 0}
.download{ margin:0 0 15px 0}
.download img{ width:180px}