﻿#bodyer_left{width:260px; float:left;}


/*trend*/
#trend{width:100%; height:460px;}
.trend_title{width:100%; height:30px; background:url(zxdt_title.jpg) no-repeat top right; margin-bottom:10px;}
.yewu{ width:206px; height:60px; margin:0 auto; margin-bottom:10px;}
.yewu a:hover{ position:relative; top:1px; left:1px;}

/*contact*/
#contact{width:204px; height:100%; padding-bottom:10px; border:solid 1px #72b0df; margin:0 auto; background:url(contact_title.jpg) no-repeat center 7px; color:#004b8d;}
.contact{width:175px; margin:0 auto; margin-top:65px;line-height:200%;}
.company_name{font-weight:bold; margin-bottom:10px;}


/*friendlink*/
#friendlink{width:206px; height:17px; margin:0 auto; margin-top:10px;border:solid 1px #72b0df; overflow:hidden; margin-bottom:10px;}
#jumpMenu{width:209px; color:#72b0df; margin:-2px;}


#bodyer_right{width:700px; float:right;}


/*about*/
#about{width:100%; height:260px;}
.title{width:100%; height:30px; margin-bottom:10px;}
.title img{ margin-left:5px; margin-top:5px;}
.about_title{ background:url(title_bg.jpg) no-repeat bottom;}
.about_content{width:380px; height:220px; overflow:hidden; line-height:200%; text-indent:20pt; float:left; margin-left:10px; _margin-left:5px;}
.about_content a{ color:#004b8d;}
.about_content a:hover{ text-decoration:underline;}
.about_img{width:300px; height:220px; float:left; margin-left:10px; _margin-left:5px;}
.about_img img{width:285px; height:203px; overflow:hidden; padding:2px; border:solid 1px #559fd9;}


/*news*/
#news,#information{width:335px; height:255px; float:left;}
.news_title{ background:url(news_bg.jpg) no-repeat bottom;}
.news_title a{ text-align:left;}
.news_top{ width:100%; height:72px;}
.news_img{width:90px; height:66px; float:left; margin-left:10px;}
.news_img img{width:86px; height:62px; padding:2px; border:solid 1px #72b0df;}
.news{width:200px; float:left; margin-left:15px;}
.news_name{width:100%; height:25px; line-height:25px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:bold; color:#004b8d;}
.news_show{width:100%; height:40px; text-indent:20pt; line-height:180%; overflow:hidden;}
.news_show a{color:#004b8d;}
.news_show a:hover{color:#ff8402;}

/*information*/
#information{ margin-left:20px;}

.information{width:320px; margin:0 auto;}

.information li{width:100%; height:33px; line-height:33px; border-bottom:dotted 1px #004b8d; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.dian{width:15px; float:left; color:#ff8402;}
.information_title{width:220px; float:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.time{width:75px; float:right;}
.information li a{color:#004b8d;}
.information li a:hover{color:#ff8402;}


/*products*/
#products{width:100%; height:290px; overflow:hidden;}

.products_img img{width:317px; height:229px; padding:2px; border:solid 1px #559fd9; }
.products_name{width:315px; height:25px; line-height:25px; margin-top:5px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.products_name a{color:#004b8d;}
.products_name a:hover{color:#ff8402;}
#demo {overflow:hidden;width:670px; margin:0 auto;}
#indemo {float: left;width: 800%;}
#demo1 {float: left;}
#demo li{width:330px;height:280px;float:left; text-align:center;}
#demo2 {float: left;}