/*
===============================
项目开发于2008-10-09
designer:胡杰颂
email:jiesong2@doit.name
版权所有
===============================
*/
#top{
width:910px; margin:auto; height:80px;}
#top_l{
float:left; width:500px;}
#top_r{
width:410px; float:left;}
#top_r ul{
padding-left:200px;}
#top_r li{
width:85px; float:left; padding-top:5px;}
#top_r li.one{
background:url(../images/tubiao.gif) no-repeat 0 7px; padding-left:20px; color:#333;}
#top_r li.two{
background:url(../images/tubiao1.gif) no-repeat 0 7px; padding-left:20px; color:#333;}

/*menu*/
#menu{
width:1003px; margin:auto; background:url(../images/menu1.jpg) repeat-x bottom; height:43px;}
#menu ul{
margin:auto; padding-left:35px; width:910px;}
#menu ul li{
width:112px; float:left; display:block; text-align:center;}
#menu ul li a{
font-size:14px; font-weight:bold; display:block; color:#FFF; width:112px; text-align:center; line-height:27px; vertical-align:middle; padding-top:16px;}
#menu ul li a:hover{
background:url(../images/menu.jpg) no-repeat 7px 0;font-size:14px; font-weight:bold; display:block;}
/*menu1*/
.menu1{
background:url(../images/menu2.jpg) repeat-x; width:1003px; margin:auto; height:32px;}
.menu1 ul li{
padding-left:92px; line-height:32px; color:#666;}

/*content*/
.content_2{
width:910px; padding-top:12px; margin:auto; clear:both; height:100%; overflow:auto;}
.content{
width:910px; padding-top:12px; margin:auto; clear:both; height:100%; overflow:auto; background:url(../images/r13.gif) repeat-y left;}
.content_l{
width:700px; float:left; padding-right:10px;}
.content_r_1{
width:685px; float:left; padding-left:25px;}
.content_r{
width:200px; float:left; background:url(../images/r4.gif) repeat-y;}

/*location*/
.location{
width:660; border-bottom:1px #CCC solid; margin-bottom:20px; line-height:25px; background:url(../images/webbar.gif) no-repeat 0 3px; padding-left:50px; font-size:15px; font-weight:bold;}
.location span{
float:right; padding-right:5px; color:#999; font-size:12px; font-weight:normal;}

/*banner*/
.banner{
width:691px; clear:both;}
.banner_1{
width:445px; height:190px; float:left;}
.hot_news{
width:246px; float:left; height:191px;}
.hot_news h1{
background:url(../images/news_bg.jpg) no-repeat; color:#FFF; font-size:14px; padding-left:40px; line-height:25px; vertical-align:middle; padding-top:3px;}
.hot_news ul{
background:url(../images/news_bg.gif) no-repeat top; height:160px;}
.hot_news ul li{
line-height:26px;}
.hot_news ul li p{
line-height:12px; color:#999; padding-top:4px; font-size:12px; font-weight:normal;padding-left:10px; height:40px; line-height:18px;}
.hot_news ul li{
line-height:26px; font-size:13px; font-weight:bold; vertical-align:middle;}
.hot_news ul li a{
 color:#164F96; padding-left:45px;}
.hot_news ul li a:hover{
 color:#f60;}

/*product*/
.product_anli{
width:691px; height:100%; padding-top:10px; padding-bottom:5px;}
.product_anli h1{
background:url(../images/anli.gif) no-repeat; height:22px; text-indent:-3000px;}
.product_anli ul{
padding-top:5px;}
.product_anli ul li{
float:left; background:url(../images/kuang1.gif) no-repeat center; width:220px; height:78px; padding-top:7px; padding-left:10px;}
.product_anli ul li img{
float:left; padding:5px; width:50px; height:60px; border:1px #9CC9DE solid; margin-right:5px;}
.product_anli ul li a{
color:#FF6600; text-decoration:underline;}
.product_anli ul li a:hover{
color:#209CD0;}
.product_anli ul li p{
line-height:18px;}

/*index news*/
.index_news{
width:200px; margin:auto; background:url(../images/r1.gif) no-repeat; padding-top:27px;}
.index_news h1{
background:url(../images/r2.gif) no-repeat 15px 0; padding-left:55px; color:#333; font-size:15px; font-weight:bold; line-height:30px; text-align:left; vertical-align:middle;}
.index_news ul{
padding-left:25px; background:url(../images/r5.gif) no-repeat bottom; padding-bottom:8px;}
.index_news ul li{
background:url(../images/r3.gif) no-repeat 0 8px; padding-left:22px; text-align:left; line-height:22px;}
.index_news ul li a{
color:#164F96;}
.index_news ul li a:hover{
color:#f60;}

/*service*/
.service{
width:200px; margin:auto;}
.service h1{
background:url(../images/r6.gif) no-repeat 15px 0; padding-left:55px; color:#333; font-size:15px; font-weight:bold; line-height:30px; text-align:left; vertical-align:middle;}
.service ul{
padding-left:20px;}
.service ul li{
border-bottom:1px #CCCCCC dashed; text-align:left; padding-right:10px; padding-top:5px;}
.service ul li.one{
background:url(../images/r7.gif) no-repeat 0 6px; padding-left:35px;}
.service ul li.two{
background:url(../images/r8.gif) no-repeat 0 6px; padding-left:35px;}
.service ul li.three{
background:url(../images/r9.gif) no-repeat 0 6px; padding-left:35px;}
.service ul li a{
color:#164F96; text-decoration:underline;}
.service ul li a:hover{
color:#f60;}

/*index feedback*/
.index_feedback{
width:200px; background:url(../images/r13.gif) repeat-y; height:300px;}
.index_feedback img{
clear:both;}

/*footer*/
#footer{
width:907px; margin:auto; height:102px; background:url(../images/bottom_bg2.gif) repeat-x; border-left:1px #CCC solid; border-right:1px #CCC solid; clear:both;}
#footer li{
text-align:center;padding-top:7px;}
#footer li a{
color:#666; padding:0 8px;}
#footer li a:hover{
color:red;}
#footer li p{
color:#FFF; text-align:center; padding-top:15px;}
#footer li p a{
color:#FFF;}
#footer li p a:hover{
color:red;}

/*search*/
.search_engine{
background:url(../images/kuang.gif) no-repeat; height:187px; width:691px; margin-top:10px;}
.search_engine h1{
font-size:14px; padding-left:55px; padding-top:15px; color:#000; line-height:22px; padding-bottom:5px;}
.search_engine p{
text-indent:2em; line-height:20px; padding-left:20px;}
.search_engine p img{
float:right; padding-right:12px; padding-left:10px;}

/*business*/
.business{
width:691px; height:164px; padding-top:10px; clear:both;}
.business li{
width:195px; height:130px; padding:34px 15px 0px 20px; float:left;}
.business li.one{
background:url(../images/1.gif) no-repeat center; padding-top:30px;}
.business li.two{
background:url(../images/2.gif) no-repeat center; padding-top:30px;}
.business li.three{
background:url(../images/3.gif) no-repeat center; padding-top:30px;}
.business li p{
text-align:center;}

/*about*/
.about{
width:100%; margin:auto; line-height:20px;}
.about p{
text-indent:2em; padding-top:20px;}

/*news*/
.news{
width:100%; margin:auto;}
.news ul{
padding:15px;}
.news ul li{
line-height:26px; background:url(../images/sort.jpg) no-repeat 3px 8px; padding-left:15px;}
.news ul li a{
color:#666;s}
.news ul li a:hover{
color:#0089C9;}
.news ul li span{
float:right; color:#666;}
/*news detail*/
.news_detail{
width:680px; margin:auto; padding-bottom:30px;
}
.news_detail h1{
text-align:center; font-size:14px; color:#FE6B01; line-height:40px;}
.news_detail h2{
font-weight:normal; color:#666; text-align:center;}
.news_detail p{
text-indent:2em; padding-top:10px;}
.news_detail li{
text-align:right;}
.news_detail li a{
padding:0 10px; color:#000; background:#F0F0F0; padding:4px;}
.news_detail li a:hover{
color:#0089C9;}

/*contact us*/
.contact_us{
width:670px; margin:auto; padding-top:20px;}
.contact_us_l{
width:300px; float:left;}
.contact_us_l img{
padding:7px; border:1px #D8D8D8 solid;}
.contact_us_r{
padding-left:5px; width:300px; float:left;}
.contact_us_r table tr td{
background:#FFF; padding:3px 0 3px 7px;}
.contact_us_r table th{
background:#FFF url(../temp/about.gif) no-repeat center; text-indent:-3000px; height:39px;}

/*feedback*/
table.feedback{
width:600px; margin:auto; margin-top:40px;}
table.feedback th{
background:#EBEBEB; border:1px #FFFFFF solid; line-height:30px; text-align:center;
} 
table.feedback td{
padding:5px; background:#FFF;}
table.feedback td input{
border:1px #ccc solid; width:270px;}
table.feedback td input.no{
width:auto; height:auto; margin-right:25px; border:none;}
table.feedback td textarea{
border:1px #ccc solid; width:350px; height:120px;}

/*webdesign*/
.webdesign{
width:100%; margin:auto;padding-bottom:40px;}
.webdesign h1{
background:#EEE url(../images/t1.gif) no-repeat 6px center; padding-left:40px; font-size:14px; color:#FFF; line-height:36px; vertical-align:middle; border:1px #DFDFDF solid; margin-bottom:14px;}
.webdesign h2{
background:#EEE url(../images/t2.gif) no-repeat 6px center; padding-left:40px; font-size:14px; color:#FFF; line-height:36px; vertical-align:middle; border:1px #DFDFDF solid; margin-bottom:14px; margin-top:20px;}
.webdesign h3{
background:#EEE url(../images/t3.gif) no-repeat 6px center; padding-left:40px; font-size:14px; color:#FFF; line-height:36px; vertical-align:middle; border:1px #DFDFDF solid; margin-bottom:14px; margin-top:20px;}
.webdesign p{
background:url(../images/dian.gif) no-repeat 8px 4px; padding-left:25px; line-height:22px;}

/*news detail*/
.news_detail{
width:680px; margin:auto;
}
.news_detail h1{
text-align:center; font-size:14px; color:#FE6B01; line-height:40px;}
.news_detail h2{
font-weight:normal; color:#666; text-align:center;}
.news_detail p{
text-indent:2em; padding-top:10px;}
.news_detail li{
text-align:right;}
.news_detail li a{
padding:0 10px; color:#000; background:#F0F0F0; padding:4px;}
.news_detail li a:hover{
color:#0089C9;}
/*product*/
.product{
width:680px; padding-bottom:15px;}
.product ul{
padding-top:5px;}
.product ul li{
width:340px; height:140px; background:url(../images/dian1.gif) repeat-x bottom; padding-top:10px; float:left; text-align:left;}
.product ul li img{
float:left; border:1px #DEDEDE solid; margin-right:8px;}
.product ul li p{
color:#333; line-height:24px;}
/*product detail*/
.product_detail{
width:680px; margin:auto;}
.product_detail ul{
 text-align:center;}
.product_detail ul li{padding:5px;}
.product_detail ul li h1{
text-align:center; color:#FE3700; line-height:45px;}
.product_detail ul li img{
border:1px #ddd solid; text-align:center;}

