@charset "utf-8";
/* CSS Document */
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,table,td,tr,th,div,dl,dt,dd,form,fieldset,img,cite,strong,em,div{margin:0;padding:0;border:0;}
h1, h2, h3, h4, h5, h6{ font-size:12px;}
img, table, td, th ,embed{ border:none;}
img{ vertical-align:top;}
select,input{font-size:12px;}
ul, ol, li{ list-style-type:none; padding:0;}
a{color:#666666; text-decoration:none;}
a:hover{ color:#666666; text-decoration:underline;}
a:visited{text-decoration:none;}
body{ font-family:"宋体"; font-size:12px; color:#666666; background:#e7e7e7; margin:0px;}
.clearit{clear:both; line-height:0; height:0; font-size:0;}



/*-----------------------------------------index-------------------------------------*/
.center{ width:1003px; background:#FFFFFF; margin:0 auto;}
.mainbody{ width:989px; margin:0 auto;}
.head{ width:989px; height:104px; background:url(../images/topbg.gif) no-repeat;}

.fav{ width:690px; height:69px; float:right;}
.menu{ width:690px; height:35px;float:right;}
.menu ul li{ width:135px; text-align:center; background:url(../images/link_a.gif) no-repeat center; line-height:35px; float:left;}
.menu ul li a{ width:135px; height:35px;text-decoration:none; font-weight:bold; font-size:14px; float:left}
.menu ul li a:hover{ width:135px; height:35px; background:url(../images/link_hover.gif) no-repeat center; float:left; text-decoration:none; color:#fff;}

.siderbar{ width:252px; float:left;}
.pro_list{ width:252px; height:auto; min-height:319px;_height:319px;}
.pro_list .top{ width:252px; height:10px; background:url(../images/pro_top.gif) no-repeat;}
.pro_list .mid{ width:252px; height:auto; min-height:298px; background:url(../images/pro_mid.gif) repeat-y;_height:298px;}
.pro_list .mid ul{ width:220px; margin:0 auto;}
.pro_list .mid ul li{ width:205px; background:url(../images/jt.jpg) no-repeat 0 7px; padding:6px 0px 5px 15px; float:left;}
.pro_list .mid ul li a{ color:#FFFFFF;}

.pro_list .bottom{ width:252px; height:10px; background:url(../images/pro_bottom.gif) no-repeat;}


/*contact*/
.banner{ width:737px; height:319px; overflow:hidden; float:left;}
.contact{ width:252px; height:183px; padding-top:10px; overflow:hidden;}
.contact .title{ width:237px; height:34px; background:url(../images/contact_title.gif) no-repeat; padding-left:15px; color:#FFFFFF;}
.contact .title span{ float:left; line-height:29px; padding-top:5px; font-weight:bold;}
.contact .title a{ color:#FFFFFF; font-weight:500; margin-top:13px; float:right; margin-right:15px;}
.contact .content{ width:229px; border-left:solid 1px #cccccc; border-right:solid 1px #cccccc; height:123px; overflow:hidden; background:url(../images/contact_bg.gif) bottom no-repeat; padding:10px; line-height:1.8}
.contact .bottom{ width:252px; height:6px;}


/*news_list*/
.news_list{ width:252px; height:103px;  padding-bottom:10px; overflow:hidden;}
.news_list .title{ width:237px; height:34px; background:url(../images/contact_title2.gif) no-repeat; padding-left:15px;}
.news_list .title a{ color:#FFFFFF; font-weight:bold; margin-top:13px; float:left}
.news_list .content{ width:229px; border-left:solid 1px #cccccc; border-right:solid 1px #cccccc; height:63px; overflow:hidden; padding:0px 10px 0px 10px; line-height:1.8}
.news_list .bottom{ width:252px; height:6px;}
.news_list ul{ float:left;}
.news_list ul li{ width:215px; height:25px; line-height:25px; padding-left:15px; margin-top:5px; background:url(../images/pro_mid.gif) repeat-y; float:left;}
.news_list ul li a{ background:url(../images/jt.jpg) no-repeat 0 3px; padding-left:15px; color:#FFFFFF;}
.news_list ul li a:hover{ color:#FFFFFF}

/*search*/
.search{ width:232px; height:42px; padding-top:15px; padding-left:20px; background:url(../images/search.gif) no-repeat; margin-top:10px;}
.input{ width:120px; border:solid 1px #666;}
.butt{ width:59px; height:22px; border:none; background:url(../images/search.jpg) no-repeat; margin-left:10px;}


.pagebody{ width:733px; padding-left:4px; float:left; padding-top:10px;}


/*about*/
.about{ width:450px; height:249px; overflow:hidden; float:left; margin-left:3px;}
.about .title{ width:450px; height:31px; background:url(../images/about_title.gif) no-repeat; line-height:31px; font-weight:bold;}
.about .title a{ color:#666666;}
.about .title li{ float:left; padding-left:25px;}
.about .title li span{ float:right; padding-right:10px; font-weight:normal;}
.about .content{ width:428px; height:202px; padding:10px; padding-bottom:0; border-left:solid 1px #ccc;border-right:solid 1px #ccc; line-height:2;}
.about .content img{ float:left; margin-right:5px; margin-bottom:5px;}
.about .bottom{ width:450px; height:6px;}

/*proshow*/
.proshow{ width:265px; height:249px; overflow:hidden; margin-left:10px; float:left;}
.proshow .title{ width:265px; height:31px; background:url(../images/proshow.gif) no-repeat; line-height:31px; font-weight:bold;}
.proshow .title a{ color:#666666;}
.proshow .title li{ float:left; padding-left:25px;}
.proshow .title li span{ float:right; padding-right:10px; font-weight:normal;}
.proshow .content{ width:243px; height:202px; padding:10px; padding-bottom:0; border-left:solid 1px #ccc;border-right:solid 1px #ccc; line-height:2;}
.proshow .content img{ float:left; margin-right:5px; margin-bottom:5px;}
.proshow .bottom{ width:265px; height:6px;}


.focusBox { position:relative; width:265px;height:249px; overflow: hidden; font: 12px/1.5 Verdana, Geneva, sans-serif; text-align: left; background: white; }
/*.focusBox .pic li:hover a img{-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1); -webkit-transform: scale(1.1);transform: scale(1.1);}  */
.focusBox .pic { margin:0px; padding: 0px; list-style:none}
.focusBox .pic img { width:265px;height:249px;display: block;-moz-transition: all 0.4s ease-in-out 0s;
-ms-transition: all 0.4s ease-in-out 0s;
-o-transition: all 0.4s ease-in-out 0s;
-webkit-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;}   
.focusBox .txt-bg { position: absolute; bottom:1px; z-index: 1; height:20px; line-height:20px; width:100%;  background:#341; filter: alpha(opacity=30); opacity:0.3; overflow:hidden; }  
.focusBox .num { position:absolute; z-index:3; bottom:1px; right:1px; width:72px} 
.focusBox .num li{ float:left; position: relative; width:21px; text-align:center; height:20px; line-height:20px; overflow: hidden; cursor: pointer; text-indent:0; color:#FFF; border-left:1px solid #fff;}
.focusBox .num li:nth-child(1){ border-left:none;}
.focusBox .num li a,.focusBox .num li span{ position: absolute; z-index:2; display: block; color: white; width:100%; height:20px;top:0;left: 0; text-decoration: none; outline:none; background:#7f7f7f; font-size:12px; font-family:"宋体";}  
.focusBox .num li span { z-index: 1; background: black; filter: alpha(opacity=0); opacity: 0; display:none;}  
.focusBox .num li.on{ width:28px;}
.focusBox .num li.on a{ background:#cc0000;}




/*foot*/
#foot{ width:989px; height:68px; padding-top:10px; margin-top:10px;  line-height:1.8; background:url(../images/dibubg.gif) no-repeat;}
#foot a{ text-decoration:underline;}

.foot_left{ width:600px; text-align: left; padding-left:10px; font-family:Arial, Helvetica, sans-serif; color:#A0A0A0;float:left;}
.foot_left a{color:#A0A0A0;}
.foot_right{ width:280px; float:right; padding-right:10px; text-align:right}
.foot_right img{ padding-top:10px;}




/*-------------------------------------------------------内页-------------------------------------------*/

/*page*/
.page{ padding-top:10px;}

/*about*/
.img{ width:989px; height:225px; padding-bottom:10px;float:left}
.info{ width:725px; margin-left:12px; background:#F4F4F4; float:left;}
.info .title{ width:710px; height:31px; background:url(../images/erjibg.jpg) no-repeat; line-height:31px; padding-left:15px; float:left;}
.info .title li{ padding-top:0px; font-weight:bold; float:left;_padding-top:10px;}
.info .title li img{ padding-right:5px; vertical-align:middle;}
.info .content{ width:703px; height:auto; min-height:526px; padding:10px; border: solid 1px #CCCCCC;_height:526px; line-height:1.5;}


/*news*/
#layout{border: 0;width:695px;margin: 0 auto;}
.list{margin: 0px 0px 0px;text-align:left;}
.list ul{list-style-type: none;margin:0px;padding: 0px;}
.list li{background: url(../images/new_ico_line.gif) repeat-x bottom;/*列表底部的虚线*/width: 100%;	}
.list li a{color: #666666;display: block;padding: 0px 0px 4px 10px;background: url(../images/point_black.gif) no-repeat 0 6px;/*列表左边的箭头图片*/}
.list li span{float: right;/*使span元素浮动到右面*/text-align: right;/*日期右对齐*/ color:#9B9B9B;}
.list li a:hover{color: #666666; text-decoration:underline;}


/*display*/
.news_title{ width:100%; text-align:center; font-weight:bold;}
.news_date{ width:100%; text-align:center; color: #999999}
.news_content{ width:100%; height:auto; min-height:470px; padding-top:10px;_height:470px;}


/*pro*/
#pro{ width:700px; height:auto;}
#pro .list{ width:163px; height:160px; padding:0 5px; float:left; }
#pro .img{ width:163px; height:125px; overflow:hidden}

#pro .name{ width:163px; height:20px; text-align:center; font-size:12px;}
#pro .name a{ text-decoration:underline; color:#A0A0A0;}
#pro .name a:hover{ text-decoration:underline; color:#666;}

/*dispro*/
.pro_img{ width:100%; text-align:center;}
.pro_name{ width:100%; text-align:center; font-weight:bold; padding-top:5px;}
.pro_content{ width:100%; padding-top:10px;}


#col a:hover{ text-decoration:none; color:#FF0000}


#links li a{ text-decoration:underline; color:#A0A0A0;}
#links li a:hover{ text-decoration:underline; color:#666;}


/* page */
#pages {width:100%; padding-top:10px;}
#pages a{float:left;padding:0px 4px 0 4px; border:solid 1px  #9AAFE5; color:#333}
#pages a:hover{float:left; background:#0B9BFF; padding:0px 4px 0 4px; color:#FFF;}
#pages span{ float:left; padding:0 2px 0 2px; color:#333;}
#pages font{ font-weight:bold; float:left; padding:3px 4px 0 4px;color:#0B9BFF; font-size:12px}