/* CSS Document */
/*=================================================Global Style==============================================*/
html,body,div,ul,li,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,a,img,span,p,em,form,select,input,button,textarea,iframe,table,tr,th,td,caption{margin:0; padding:0;}
body{ background:#FFF url(../images/bg.gif) repeat-x; font:normal 14px/14px Verdana, Geneva, sans-serif,"宋体"; color:#333;}  
li{ list-style:none;}
img{ border:none;}
a{ color:#333; text-decoration:none; outline:none;}
a:hover{ color:#f30;}
table{ border:0; border-collapse:collapse;}
.clear{ clear:both;}

#header{ height:128px;}
.header_info{ width:980px; height:88px; margin:0 auto; position:relative;}
.logo{ position:absolute; left:0; top:10px;}
.top_menu{ position:absolute; top:10px; right:0;}
.top_menu a{ background: url(../images/ico02.gif) no-repeat left center; font-size:12px; padding-left:10px;}
.search{ position:absolute; right:0; top:40px;}
.search .txt{ width:200px; height:25px; padding-left:5px; color:#666; border:solid 1px #ccc; float:left;}
.search .btn{ background:url(../images/btn_search.jpg) no-repeat; width:27px; height:27px; border:none; cursor:pointer;}

.nav{ background:url(../images/bg_nav.jpg) repeat-x;}
.nav ul{ width:980px; height:40px; margin:0 auto;zoom:1; overflow:hidden;}
.nav ul li{ float:left; width:100px;}
.nav ul li a{ float:left; color:#FFF; font-size:14px; display:block; width:100px; height:40px; line-height:40px; text-align:center; font-weight: bold;}
.nav ul li a:hover{ color: #FFF; background:url(../images/bg_navhover.gif) no-repeat center center;}

#banner{ height:247px; margin:0 auto; padding:15px 0;}
#main{ width:980px; margin:0 auto; zoom:1; overflow:hidden;}

/*==============左侧=============*/
.left_wrap{ float:left; width:220px;}
/*==============菜单=============*/

.menu{ width:220px;}
.menu h3{ background:url(../images/title_product.jpg) no-repeat; height:39px; line-height:39px; color:#FFF; font-size:14px; padding:0 10px;}
.menu_list{ border: solid 1px #d8d8d8;}
.menu_list dl dt{ background:url(../images/bg_menu.jpg) no-repeat; height:33px; line-height:31px; padding-left:30px; font-weight:bold; font-size:13px;}
.menu_list dl dt a{ color:#0075b8;}
.menu_list dl dt a:hover{ color:#f60;}
.menu_list dl dd{ height:36px; line-height:35px; padding-left:30px; border-bottom:solid 1px #d8d8d8; font-size:12px;}

.links{ margin-bottom:15px;}
.links p{ margin-top:15px;}

.gongcheng{ width:220px; margin-bottom: 15px;}
.gongcheng h3{ background:url(../images/title_contact.jpg) no-repeat; height:27px; line-height:27px; font-size:14px; padding-left:30px; padding-right:10px; color:#fff; zoom:1; overflow:hidden;}
.gongcheng h3 span{ float:left;}
.gongcheng h3 a{ float:right; margin-top:10px;}
.gongcheng_info{ background:#f5fbfe; border:solid 1px #bed9ef; padding:10px;}
.gongcheng_info ul li{ font-size:12px; border-bottom:dashed 1px #ccc; height: 32px; line-height:28px; background:url(../images/ico01.gif) no-repeat left center; padding-left:25px; zoom:1; overflow:hidden;}

.contact_us{ width:220px;}
.contact_us h3{ background:url(../images/title_contact.jpg) no-repeat; height:27px; line-height:27px; font-size:14px; padding-left:30px; padding-right:10px; color:#fff; zoom:1; overflow:hidden;}
.contact_us h3 span{ float:left;}
.contact_us h3 a{ float:right; margin-top:10px;}
.contact_info{ background:#f5fbfe; border:solid 1px #bed9ef; padding:10px;}
.contact_info p{ line-height:24px; font-size:12px;}


/*==============右侧=============*/
.right_wrap{ float:right; width:750px;}


.about{ width:520px; float:left;}
.about h3{ background:url(../images/title_about.jpg) no-repeat; height:28px; line-height:27px; font-size:14px; padding-left:30px; padding-right:10px; color:#000; zoom:1; overflow:hidden;}
.about h3 span{ float:left;}
.about h3 a{ float:right; margin-top:10px;}
.about_info{ border:solid 1px #e6e6e4; padding:15px; height:120px;}
.about_info img{ float:left; margin-right:10px;}
.about_info p{ font-size:12px; line-height:21px; text-indent:24px;}

.video{ width:218px; float:right;}
.video h3{ background:url(../images/title_video.jpg) no-repeat; height:27px; line-height:27px; font-size:14px; padding-left:30px; padding-right:10px; color:#fff; zoom:1; overflow:hidden;}
.video h3 span{ float:left;}
.video h3 a{ float:right; margin-top:10px;}
.video_info{ border:solid 1px #e6e6e4; padding:5px; height:140px;}

.product{ width:750px; clear:both;}
.product h3{ background:url(../images/title_productlist.jpg) no-repeat; height:28px; line-height:27px; font-size:14px; padding-left:30px; padding-right:10px; color:#000; zoom:1; overflow:hidden;}
.product h3 span{ float:left;}
.product h3 a{ float:right; margin-top:10px;}
.product_info{ border:solid 1px #e6e6e4; padding:15px 0 0 15px;}
.product_info ul{ zoom:1; overflow:hidden;}
.product_info ul li{ text-align:center; font-size:12px; float:left; margin-bottom:10px; margin-right:23px !important; margin-right:19px;}
.product_info ul li a img{ border:solid 1px #ccc; padding:2px; display:block;}
.product_info ul li span{ line-height: 24px; padding: 5px}

.news{ width:750px;}
.news h3{ background:url(../images/title_productlist.jpg) no-repeat; height:28px; line-height:27px; font-size:14px; padding-left:30px; padding-right:10px; color:#000; zoom:1; overflow:hidden;}
.news h3 span{ float:left;}
.news h3 a{ float:right; margin-top:10px;}
.news_info{ border:solid 1px #e6e6e4; padding:15px; zoom:1; overflow:hidden;}
.news_info .news_img{ border:solid 1px #e6e6e4; padding:3px; float:left;}
.news_info ul{ float:left; width:450px; margin-left:20px;}
.news_info ul li{ font-size:12px; border-bottom:dashed 1px #ccc; line-height:24px; background:url(../images/ico01.gif) no-repeat left center; padding-left:25px; zoom:1; overflow:hidden;}
.news_info ul li a{ float:left;}
.news_info ul li span{ float:right;}

.ryzz{ width:750px;}
.ryzz h3{ background:url(../images/title_productlist.jpg) no-repeat; height:28px; line-height:27px; font-size:14px; padding-left:30px; padding-right:10px; color:#000; zoom:1; overflow:hidden;}
.ryzz h3 span{ float:left;}
.ryzz h3 a{ float:right; margin-top:10px;}
.ryzz_info{ border:solid 1px #e6e6e4; padding:5px; zoom:1; overflow:hidden;}

.friends{ background:#367bb9;line-height:32px; color:#FFF; font-size:13px; padding:0 10px;}
.friends a{ color:#fff; padding-right:10px;}
.friends a:hover{ color:#b3c7da;}

/*==============页脚=============*/
#footer{ padding:15px 0; margin-top:15px; background:url(../images/bg_footer.jpg) repeat-x;}
#footer p{ font-size:12px; line-height:24px; text-align:center;}

.box{ border: solid 1px #d8d8d8;}
.box h1{ background:url(../images/bg_news.jpg) repeat-x left center; height:31px; line-height:31px; padding-left:10px; border-bottom:solid 1px #d5d5d5;}
.box h1 span{ color:#f30; font-size:14px; background:url(../images/ico01.gif) no-repeat left center; padding-left:18px;}
.box h1 a{color: #f30;}
.box ul{ padding:10px;}

.box ul li span{ float:right; color:#666;}
/*==============分页=============*/
.page{ text-align:center; padding:10px;}

/*==============内容页=============*/
.view{ padding:15px;}
.view h2{ text-align:center; font-size:16px;}
.son_title{ text-align:center; padding:15px; color:#666; background:url(../images/line.gif) repeat-x left bottom;}
.info p{ text-indent:24px; line-height:20px; margin-top:12px;}

#demo {
    overflow: hidden;
    width: 730px;
    margin-top: 5px;
}

#indemo {
    float: left;
    width: 10000%;
}
#demo1 li {float: left; line-height: 20px; padding:5px;}
#demo2 li {float: left; line-height: 20px; padding:5px;}
#demo1 li p{ text-align: center;}
#demo2 li p{ text-align: center;}