@import url("reset.css");
body{font-family: Arial;}
.footer{ clear:both; line-height:25px; text-align:center; background:#000 url(../images/DDB.jpg) repeat-x; padding:20px 0 10px; height:60px;}
.wrap, .header{ width:1000px; clear:both; margin:0 auto; position:relative;}

.top{ background:url(../images/top.png) repeat-x; height:35px; margin-bottom:15px;}
.header{ clear:both; background:url(../images/header.png) repeat-x; margin:0 auto 10px;}
.logo{ float:left; height:70px;}
.headrt{ float:right; text-align:right; margin-top:15px; line-height:25px; margin-right:10px;}
.nav{ clear:both; margin:0 auto; background:url(../images/nav.png) repeat-x center; height:37px; overflow:hidden;}
.nav ul{ padding:0 10px;}
.nav li{ float:left; display:block; width:140px; text-align:center; background:url(../images/navline.png) no-repeat right center;}
.nav li.no{  background:none;}
.nav li a{ display:block; color:#fff; font-size:15px; height:37px; line-height:37px;}
.nav li a:hover,.nav li.hover a{ color:#007ab4; background:url(../images/navh.jpg) no-repeat center;}

.search{ float:right; margin-right:10px; padding:10px 0; height:23px; line-height:23px;}
.search .keyword{ height:21px; line-height:21px; border:1px #ddd solid; margin-right:5px; padding:0 5px; vertical-align:middle;}
.search .submit{ background:url(../images/btn.gif) no-repeat; height:23px; line-height:23px; width:65px; display: inline-block; text-align:center;}

#banner{ clear:both; position:relative; width:1002px; margin:0 auto 10px;}
#sbanner{ clear:both; position:relative; width:1002px; margin:0 auto;}
.focus_ad{ position:relative; height:324px; text-align:center; margin:0 auto; overflow:hidden;}
.slide_pic li{display:none; height:324px;}
.slide_pic .li_on{display:block;}
.focu_btn{ width:80px; margin:0 auto; display:none;}
.slide_txt{width:80px; display:block; position:absolute; bottom: 25px;}
.slide_txt li{width:20px;float:left;height:12px;line-height:12px;}
.slide_txt a, .slide_txt a:hover{width:12px; height:12px; display:block; text-indent:-9999px; background:url(../images/li.png) no-repeat;}
.slide_txt .li_on{}
.slide_txt .li_on a, .slide_txt .li_on a:hover{background:url(../images/li_on.png) no-repeat;}

.sfocus_ad{height:320px; overflow:hidden; position:relative; margin-bottom:10px;}
.sfocus_ad .slide_pic li{display:none;}
.sfocus_ad .slide_pic .li_on{display:block;}
.sfocu_btn{width:60px; margin:0 auto;}
.sfocus_ad .slide_txt{width:60px; display:block; position:absolute; bottom:10px;}
.sfocus_ad .slide_txt li{width:20px;float:left; height:10px;line-height:10px;}
.sfocus_ad .slide_txt a,.sfocus_ad .slide_txt a:hover{width:10px; height:10px; display:block; text-indent:-9999px; background:url(../images/li.png) no-repeat;}
.sfocus_ad .slide_txt .li_on{}
.sfocus_ad .slide_txt .li_on a,.sfocus_ad .slide_txt .li_on a:hover{background:url(../images/li_on.png) no-repeat 0 0;}


.main{ float:right; width:750px; margin-right:20px;}
.side{ float:left; width:204px;}
.side .bd{ background:url(../images/sbg.jpg) repeat-y -1px 0;}
.side .ft{ background:url(../images/sfoot.jpg) no-repeat -1px 0; height:32px; overflow:hidden;}

.spic{ background:#fff; width:180px; text-align:center; margin:0 auto;}
.spic img{ width:180px; height:135px;}
.sidemenu { width:180px; margin:0 auto; padding:10px 0;}
.sidemenu .bd{ padding:0 15px;}
.sidemenu li a{ color:#fff; display:block;/* height:25px;*/ line-height:24px; background:url(../images/dot.gif) no-repeat 3px 12px; padding:0 0 2px 16px; border-bottom:1px #eee dashed;}
.sidemenu li a:hover{}

.pro-pic{ margin:0 auto 20px; text-align:center;}
.pro-pic img{ max-width:700px; max-height:400px;}

.content{ padding:10px;}
.content img{ max-width:650px; margin-bottom:5px;}
.cbd{line-height:1.8; letter-spacing:1px;}
.cbd p{ margin-bottom:10px;}
.cbd a{color:#106DC6;}
.cbd a:hover{color:#d00;}
.contact{/* background:url(../images/contact.jpg) no-repeat right 0; padding-right:310px;*/ height:auto !important;height:300px; min-height:300px;}


.messagetip{ margin-bottom:20px;}
.messageTable{ width:100%;}
.messageTable th{ width:110px; padding:5px; text-align:right; font-weight:normal;}
.messageTable td{ padding:5px;}
.messageTable .in{ width:300px;}
.btn{ background:url(../images/btn.gif) no-repeat; display:inline-block; width: 65px; height:23px; line-height:23px; text-align:center; color:#000;}
.btn:hover{color:#005cab;}

.PageTitle{color:#333;line-height:30px;font-size:24px;font-weight: 600;margin:10px auto 30px;text-align:center;}
.subtime{ color:#8c8c8c; height:20px; line-height:20px; padding:0 0 10px; margin:0 10px; border-bottom:1px #dedede solid; position:relative; margin-bottom:20px;}
.subtime em{ font-size:12px; color:#999;}
.share{ line-height:1; position: absolute; right:0; top:-3px;}
.back{ text-align: right; font-size:12px; line-height:30px; clear:both; margin-top:30px;}

.paper{ margin:20px auto; text-align:center;}
.list{ }
.list li{ height:30x; line-height:30px; overflow:hidden; background:url(../images/ico_li.gif) no-repeat 0 center; padding-left:16px;}
.content .list{}
.content .list li{ height:32px; line-height:32px; overflow:hidden; border-bottom:1px #ddd dashed; background:url(../images/ico_li.gif) no-repeat 0 center; padding-left:21px;}
.list li a{ display:block;}
.list .date{ float:right; line-height:inherit; height:inherit; color:#777; padding-left:10px;}


.plist{ }
.plist li{ float:left; width:230px; padding:0 6px; text-align:center;}
.plist li img{ width:220px; height:165px; border:1px #ddd solid; padding:1px;}
.plist li p{ height:24px; line-height:24px; overflow:hidden; text-align:center; background:#fff;}
.plist li a{ display:block;}

.splist{ }
.splist li{ float:left; width:170px; text-align:center; margin:5px 15px;}
.splist li img{ width:160px; height:120px; border:1px #fff solid; padding:2px;}
.splist li p{ height:24px; line-height:24px; overflow:hidden; text-align:center;}
.splist li a{ display:block; color:#fff;}


/* index */
.ibox{ float:left;}
.ibox .bd{ line-height:1.8;}
.tit{ margin-bottom:5px;}
.tit span{ color:#007ab4; font-size:16px; margin-right:2px;}
.tit em{ color:#5eb9dc; font-size:14px; font-weight:normal; background:url(../images/xline.png) no-repeat 0 center; padding-left:20px;}
.iabout{ width:350px;}
.ibox .bd{ height:150px; overflow:hidden;}
.iabout .bd img{ margin:5px 10px 5px 0;}
.tit span.location{font-size:12px; font-weight:normal; float:right;}

.inews{ float:left; width:300px; margin:0 20px 0 0;}
.inews2{ float:left; width:300px; margin:0 20px 0 0;}
.more{ clear:both; text-align:right; padding-bottom:20px;}
.ipro{ clear:both; background:url(../images/bottom.png) repeat-x; padding:0 10px;}
.ipro .wrap{ background:url(../images/ipro.jpg) no-repeat center top; height:223px; overflow:hidden;}
.ipro h3{ height:31px; line-height:31px; margin-bottom:16px;}
.more{ float:right; width:55px; background:url(../images/more.png) no-repeat center; color:#fff; text-align:center; font-size:12px; font-weight:normal; margin:5px 5px 0 0;}



#demo {
 overflow:hidden;
 width: 1000px;
 height:164px;
}
#indemo {
width: 800%;
}
#demo1 {
 float: left;
}
#demo2 {
float: left;
}