@charset "utf-8";
body { margin:0px; padding:0px; text-align:center; font:12px "宋体"; background:#D9E9F4 url(../images/ttbg.gif) repeat-x 0 0;}
body>div{ margin:0 auto; text-align:center;}
ul,p,h1,h2,h3{ margin:0px; padding:0px; list-style-type:none;}
a{ text-decoration:none; color:#333;}
a:hover{ text-decoration:underline;}
img{ border:0}
.left{ float:left;}
.right{ float:right;}
.header{ width:100%;}
.top{ width:100%; height:131px; overflow:hidden; text-align:center;}
.banner{ width:100%; /*height:409px;*/ overflow:hidden; border-bottom: solid 3px #fff;}
 
.nav{ width:100%; height:36px; background:#196394;}
.nav ul{ width:950px; height:36px; line-height:36px; margin:0 auto;}
.nav li{ float:left; width:130px; background:url(../images/navbg.gif) no-repeat right 0; height:36px; font-family:"微软雅黑"; font-size:14px; text-align:center; }
.nav li a{ color:#FFF;}
.mainbody{ width:1002px; overflow:hidden; text-align:left; padding:10px 0;}
.main_left{ width:250px; float:left;}
.til{ width:100%; height:25px;}
.til img{ float:left;}
.til span{ float:right; padding:8px 8px 0 0;}
.kbox{ width:250px; padding-bottom:5px; background: url(../images/kb1.gif) no-repeat 0 25px; }
.kbox ul{ width:230px; height:220px;display:block; padding:5px 0 0 20px;}
.kbox li{ width:127px; height:28px; background:url(../images/ar1.gif) no-repeat; padding-left:84px; line-height:28px;}
.imgban{ width:182px; height:187px; padding:10px 0 0 9px;}
.kbox p{ width:218px; height:98px; background: url(../images/p2.jpg) no-repeat 0 0; padding-top:112px; color:#3D7C9F; line-height:24px; margin:6px 0 0 16px;}
.main_right{ width:722px; float:right;}
.about{ width:722px; height:250px;}
.about_m{ width:695px; height:211px; background:url(../images/bg1.jpg) no-repeat; padding:14px 20px 0 7px; line-height:28px;}
.about_m img{ float:left; margin:0 5px 10px 0;}
.about_m span img{ float:right; margin-top:5px;*margin-top:-25px;}
.pro{ width:722px; height:240px;overflow:hidden;}
.pro ul{   width:1268px;   height:188px; display:block; background:url(../images/bg2.jpg) no-repeat; padding:14px 0 0 0; }
.pro li{  width:185px;   width:168px;float:left; text-align:center; margin-right:13px;}
.pro li img{ width:162px; height:146px; margin-bottom:7px; border:solid 1px #C8C8C8; display:block;}
.news{ width:345px; height:230px;}
.news ul{ width:345px; height:197px; background:url(../images/bg3.gif) no-repeat; padding-top:5px;}
.news li{ margin:0 18px 0 16px; height:30px; line-height:30px; border-bottom:dotted 1px #595959; background:url(../images/ar2.gif) no-repeat 0 center; padding-left:10px;}
.news li a{ width:210px; display:block; float:left; overflow:hidden;text-overflow:ellipsis; white-space:nowrap; }
.news li span{ float:right;}
.links{ width:988px; overflow: hidden; border:solid 1px #ccc; padding:5px; line-height:20px; text-align:left; display:block; clear:both;color:#182A5A; margin-bottom:10px;}
.links a{ margin:0 5px;}
.footer{ width:100%; height:66px; padding-top:21px; line-height:25px; color:#fff; text-align:center; background:url(../images/fbg.gif) repeat-x;}


.tbgs{ width:738px; height:20px; line-height:20px;  margin-bottom:10px;}
.tbgs h1{ font-size:12px; float:left; padding-left:32px; font-weight:normal; color:#496605;}
.tbgs span{ float:right; padding-right:25px;}
.con{  width:738px; /*background:#fff; */    }



#demo { 
width:722px;
height:188px;
overflow:hidden;
}
 
#indemo {
float: left;
width: 800%;
}
 
#demo1 {
float: left;
 
width:1268px;
height:188px; 
}
#demo2 {
float: left;
width:1268px;
height:188px; 
}