@charset "gb2312";
/* CSS Document */
body{font-family:"宋体","Microsoft Yahei",Arial Narrow;font-size:12px; background:#f8f7f3; color:#818181}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,span,form,input,textarea,button,code,cite{padding:0; margin:0;}
table{border-spacing: 0; border-collapse: collapse;}
img{border:0;}
ol,ul,li,dl,dt,dd{list-style:none;}   
a:link,a:visited{color:#818181;text-decoration:none}
a:active,a:hover{color:#ce6607;text-decoration:underline}
.lt{float:left;}
.rt{float:right;}
.cc:after {content: ".";display: block;height:0;clear: both;visibility: hidden;}
.cc {display: inline-block;} /* Hides from IE-mac \*/
* html .cc {height: 1%;}
.cc{display: block;} /* End hide from IE-mac */
.mt10{ margin-top:10px}
.cl{clear:both; overflow:hidden; line-height:0px; font-size:0px; height:0px;}
em{ font-style:normal}
/*标题*/
.t{ background:url(../images/t.jpg); height:36px; color:#fff; font:normal 16px/36px '微软雅黑'; padding-left:10px}
/* 首页样式 */
.warper{ width:100%; background:url(../images/bg.jpg) no-repeat top center; }
#header,#main,#footer{ width:980px; margin:0 auto}
#footer { padding:10px 0px 0px; line-height:25px; text-align:center; color:#5c5755; height:50px;}
#footer a{ color:#5c5755}
.mbox{ width:980px; height:600px; position:relative}
.prev,.next{ position:absolute; width:63px; height:113px; left:-73px; top:230px; cursor:pointer}
.next{ left:1003px; top:230px; }
.content{ width:980px; height:600px; position:relative; overflow:hidden}
.content ul.contentbox { width:800%; position:absolute}
.contentbox li{ width:980px; float:left; height:600px;} 

.m1{ background:url(../images/m1.jpg); height:600px; position:relative}
.sidebar{ width:400px; float:left; margin-top:162px; margin-left:35px; display:inline}
.sidebar h2{ font:800 20px/24px ' Microsoft Yahei'; color:#20a6d4}
.txt{ height:130px; line-height:20px; color:#20a6d4; margin-top:20px; width:360px;}
.sidebar h3{font:800 20px/24px ' Microsoft Yahei'; color:#e5843d; margin-top:5px; padding:10px 0}
.sidebar span{ display:inline-block; width:160px; float:left; line-height:26px; padding-left:15px; overflow:hidden; }
.txt1{ line-height:20px; padding:10px; clear:both; height:80px;width:345px; } 
.w360{ float:right; width:340px; margin-top:500px;}
.w360 ul li{ width:95px; float:left; margin-left:5px; display:inline; font-size:14px; line-height:70px; text-align:center; color:#fff; font-weight:bold}
.w360 ul li a:link,.w360 ul li a:visited{ color:#fff}
.w360 ul li a:active,.w360 ul li a:hover{ color:#20a6d4}
.r{ width:34px; height:234px; background:url(../images/r.jpg); position:absolute; right:-34px; bottom:0px;}
.r a:link,.r a:visited{ color:#fff; font-weight:bold; width:34px; display:block; height:26px; padding-top:20px; text-align:center; cursor:default}
.r a:active,.r a:hover{ text-decoration:none; color:#fff; }


.m2,.m3,.m4,.m5{ background:url(../images/m2.jpg); height:600px}
.m3{ background:url(../images/m3.jpg)}
.m4{ background:url(../images/m4.jpg)}
.m5{ background:url(../images/m5.jpg)}
.time{ float:right; width:95px; font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#fff; margin-top:85px; height:30px;}
.qcbox{ width:530px; float:left; height:350px;  margin-top:55px; margin-left:20px; display:inline; clear:both }
.qcbox h2{ height:40px; font:800 26px/32px 'Microsoft Yahei'; color:#6ebad4}
.qcboxnews{ background-color:#fff;filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; z-index:0; position:relative}
.qcboxouter{width:530px;height:330px; overflow-y:auto; overflow-x:hidden; z-index:10; position:relative}
.qcboxouter dl{ padding:15px 0px 0px 15px;}
.qcboxouter dl dt{ font-size:14px; color:#319eb5; font-weight:bold; line-height:24px; }
.qcboxouter dl dd{ color:#7b7b7b; line-height:24px;}
.qcboxouter dl dd a{ color:#a6a5a5}
.qcboxouter dl dd a:hover{ color:#319eb5}
.qr{ margin-top:80px; margin-right:20px}
.flash{ width:610px; height:auto; float:left; margin:142px 0px 0px 20px; display:inline}
#myFocus{ width:610px; height:430px; background:none}

.rightbar{ width:306px; float:right; margin-top:142px; margin-right:20px; display:inline}
.rightbar h2{ font:normal 24px/35px 'Microsoft Yahei'; height:55px; color:#83797b; text-align:center}
.txt3{ line-height:24px; padding:0px 0; height:180px}
.ltem{ float:left; width:280px; margin-top:30px; display:inline; margin-left:30px}
.ltem h3{ font-size:14px; color:#d4876d; height:24px; line-height:24px; }
.ltem dl{ width:280px; float:left}
.ltem dl dd{ float:left; width:180px; color:#d4876d; line-height:26px; height:26px; overflow:hidden}
.ltem dl dd.d1{ width:100px}
.ltem dl dd em{ display:block; float:left; margin-top:4px; margin-right:3px}
.ltem dl dd span{ display:block; width:90px; float:left}
.ltem dl code{ float:left; display:block}
.ltem dl code a{ font-style:normal; text-decoration:underline; line-height:28px; display:block; float:left }
.ltem dl code a:hover{ text-decoration:none}
.ltem dl.tj{ height:28px; width:280px; float:left; margin-top:20px}
.btn{ width:68px; height:28px; border:none; background:url(../images/btn.gif) no-repeat; cursor:pointer; margin:0px 10px 0px 60px; float:left; display:inline}
.btn1{ width:68px; height:28px; border:none; background:url(../images/btn.gif) no-repeat; cursor:pointer; margin:0px 10px 0px 60px; float:left; display:inline}
.weileft{ width:687px; float:left; margin-top:140px; margin-left:21px; display:inline}
.wb{ width:687px; height:340px; }
.msg{ font:normal 16px/34px 'Microsoft Yahei'; color:#83797b; padding:18px 10px 0px 10px; text-indent:2em}
.r226{ width:226px; float:right; margin:405px 25px 0px 0px; display:inline;  color:#bc745b}
.r226 dt img{ float:left; width:91px; height:63px;}
.r226 dd img { margin:3px 2px 0}
.r226 dt{ width:91px; float:left; margin-right:5px; display:inline}
.r226 dd{  float:left; width:120px; padding-top:5px}
.r226 dd  em{ display:inline-block; float:left; line-height:22px}
.r226 dd p{ line-height:22px}
.r226 dd code a{ width:80px; height:22px; display:block}

.scrollbox{ background:#f3ebe3; height:107px; width:980px; float:left}
#scrollbar2 { width: 980px; clear: both; }
#scrollbar2 .viewport { width: 980px; height: 107px; overflow: hidden; position: relative; }
#scrollbar2 .overview { list-style: none; width: 1416px; padding: 0; margin: 0; position: absolute; left: 0;   }
#scrollbar2 .overview img{ float: left; padding:5px 0px 10px 3px; }
#scrollbar2 .overview  li{ width:133px; margin-top:17px; height:90px; background:url(../images/cur.jpg) no-repeat; float:left; margin-left:26px; display:inline}
#scrollbar2 .overview  li p{ height:23px; text-align:center; line-height:23px; overflow:hidden; float:left; width:133px}
#scrollbar2 .scrollbar,
#scrollbar2 .thumb .end,
#scrollbar2 .thumb { background:#955f4d}
#scrollbar2 .scrollbar { position: relative; overflow: hidden;  margin: 0 0 5px; clear: both; height: 5px; background:#955f4d }
#scrollbar2 .track { background:#d4876d; width: 100%; height:6px; position: relative; padding: 1px 0; }
#scrollbar2 .thumb {  height: 6px; cursor: pointer; overflow: hidden; position: absolute; left: 0; }
#scrollbar2 .thumb .end{  height: 5px; width: 5px;}
#scrollbar2 .disable { display: none; }
#scrollbar2 a{ color:#6f5d53}
#scrollbar2 a:hover{ color:#ce6607}