@charset "utf-8";
/* CSS Document */

*{ margin:0px; padding:0px;}
img { border: 0px; }
q{ quotes:none;}
ul{ list-style:none; font-size:0px;}
a{ text-decoration:none;}
table{ border-collapse:collapse;}
.clearDiv{ width:0px; height:0px; font-size:0px; clear:both;}
.clear{ clear:both;}
.pages{ margin:0 auto; clear:both;}
.pages td{ padding-top:10px;}
.pages *{ font-size:12px; color:#333;}
.pages a:hover{ color:#39F;}
.SinglePage{ clear:both; margin:0 auto; text-align:center; padding-top:10px;}
.SinglePage a{ color:#333;}
.SinglePage a:hover{ color:#39F;}
.AlbumPage{ clear:both; margin:0 auto;}
.AlbumPage p{ width:50%; float:left; text-align:center; padding:0px;}
.AlbumPage a{ color:#333;}
.AlbumPage a:hover{ color:#39F;}
.MenuMap a{ color:#333;}
.MenuMap a:hover{ color:#39F;}
body{ font-family:宋体;}
.common{ width:980px; clear:both; margin:0 auto;}
.center{ text-align:center;}
.hand{ cursor:pointer;}

#Head{ border-top:#2ba6e1 solid 6px;}
#Logo{ float:left; width:730px;}
#Favor{ width:242px; height:26px; background-image:url(images/favor.jpg); float:right; text-align:center; line-height:26px; font-size:12px; color:#FFF; margin-bottom:31px;}
#Favor a{ font-size:12px; color:#FFF;}
#Search{ float:right; width:240px; height:25px;}
#SearchInput{ width:178px; height:25px; background-image:url(images/s_input.jpg); float:left;}
#SearchInput p{ position:relative; width:130px; height:15px; font-size:12px; color:#6FF; left:32px; top:6px; overflow:hidden;}
#SearchInput input{ border:0px; background-color:#FFF; width:130px; font-size:12px;}
#SearchSubmit{ width:61px; height:25px; float:left;}
#SearchSubmit input{ width:61px; height:25px; border:0px; background-image:url(images/s_submit.jpg); cursor:pointer;}

.detbg { background: #fbfbfb; }
#PPT{ clear:both; height:348px; margin:0 auto; background-image:url(images/pptbg.jpg); padding-top:1px;}

#HR{ clear:both; height:41px; background-image:url(images/hr.jpg); margin-bottom:20px;}
#News{ float:left; width:550px; padding-top:12px;}
#News dt{ font-size:12px; color:#F00; font-weight:bold; width:45px; float:left;}
#News dd{ float:right; width:500px; height:20px; overflow:hidden;}
#News li{ clear:both; height:20px; font-size:12px;}
#News li a{ color:#666;}
#News li a:hover{ color:#F00;}
#Share{ float:right; text-align:right; padding-top:5px;}
#bdshare_l ul{ font-size:14px !important;}
#Blocks{ width:1000px; margin:20px 0px;}
#Blocks dl{ width:316px; height:135px; float:left; margin-right:16px;}
#Blocks dt{ width:110px; float:right; height:135px; overflow:hidden;}
#Blocks dt img{ border:0px;}
#Blocks dd{ width:206px; float:right; background-image:url(images/blockbg.jpg); height:135px; overflow:hidden;}
#Blocks b{ display:block; font-size:14px; width:185px; text-align:left; line-height:40px; margin:0 auto; font-family:微软雅黑; font-weight:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#Blocks b a{ color:#2babdc;}
#Blocks p{ width:185px; margin:0 auto; color:#666; font-size:12px; line-height:25px;}
.li_c01{ background:#e0eaf6;}
.li_c02{ background:#f2f5fa;}
.btns{ float:left; width:40px; text-align:center; padding-top:20px; cursor:pointer;}
#Pros{ float:left; width:900px; overflow:hidden; position:relative; height: 105px; }
#Pros li{ width:300px; float:left; height:105px; background-image:url(images/probg.jpg);}
#Pros dl{ position:relative; width:285px; height:90px; left:7px; top:5px; overflow:hidden;}
#Pros dt{ width:85px; float:left; height:90px; text-align:center; overflow:hidden;}
#Pros img{ border:0px;}
#Pros dd{ width:190px; float:right; height:90px; overflow:hidden;}
#Pros b{ display:block; clear:both; font-size:16px; font-family:微软雅黑; line-height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#2babdc;}
#Pros b a{ color:#2babdc;}
#pros b a:hover{ color:#0398de;}
#Pros p{ clear:both; font-size:12px; color:#909090; line-height:20px; height:60px; overflow:hidden; font-family:微软雅黑; padding:0px 10px;}
#Pros .detail{ display:block; width:12px; height:12px; position:absolute; right:0px; bottom:0px; z-index:100;}

#Foot{ clear:both; border-bottom:#2ba6e1 solid 6px; padding-bottom:20px; padding-top:50px; line-height:200%; text-align:center; font-size:12px; text-align:center; color:#666;}
#Foot a{ color:#666;}

#MainDiv{ width:980px; margin:0px auto; clear:both;}
#Left{ width:220px; float:left;}
.LeftTitle{ clear:both; font-size:14px; width:210px; color:#333; font-weight:bold; height:30px; border-bottom:1px #CCC dotted; line-height:30px;}
#LeftNav{ clear:both; width:210px; padding:10px 0px; }
#LeftNav li{ height:35px; line-height:35px; background:url(images/li_list.jpg); width:210px;}
#LeftNav li a{ font-size:12px; color:#333; margin-left:28px;}
#LeftNav li a:hover{ color:#39F;}
#Right{ width:740px; float:right; border:1px #d7d7d7 solid; padding:0px 5px 5px 5px 5px;}
.RightTitle{ clear:both; height:30px; line-height:30px; border-bottom:1px #CCC dotted; padding:0px 10px;} 
.RightTitle b{ float:left; font-size:14px; color:#333;}
.MenuMap{ float:right; text-align:right; font-size:12px; color:#666;}
.MenuMap a{ color:#333;}
.MenuMap a:hover{ color:#39F;}


#NewsList,#ProductList{ clear:both; margin:10px auto;}
#NewsList li{ height:30px; border-bottom:1px #eee dashed; width:730px; margin:0 auto; padding-left:8px;}
#NewsList li a{ display:block; float:left; width:620px; font-size:12px; color:#333; margin-top:10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#NewsList li a:hover{ color:#0398de;}
#NewsList li span{ display:block; float:left; width:80px; font-size:12px; color:#999; text-align:right; margin-top:10px; padding-right:12px;}

#ProductList li{ display:block; float:left; width:175px; margin-bottom:10px; padding-bottom:10px; border-bottom:#CCC 1px dashed;}
#ProductList li a{ display:block; font-size:12px; text-align:center; clear:both; margin:0 auto; overflow:hidden;}
#ProductList li a img{ border:0px;}
#ProductList .photo{ display:block; width:160px; height:160px; border:2px #FFF solid;}
#ProductList .photo:hover{ border:2px #0398de solid;}
#ProductList .name{ display:block; width:160px; padding:5px 0px; text-align:center; white-space:nowrap; text-overflow:ellipsis; color:#666;}
#ProductList .name:hover{ color:#0398de;}

#InforTitle{ clear:both; text-align:center; font-size:20px; color:#0398de; padding:10px; font-weight:bold; font-family:微软雅黑;}
#InforPhoto{ clear:both; text-align:center; padding:10px 0px; overflow:hidden;}
#InforContent{ clear:both; font-size:12px; line-height:150%; color:#333; padding:5px;}
#LamPageBar{ padding-bottom:10px; padding-left:10px;}