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

body{ margin:0 auto; padding:0px; line-height:22px; color:#000; font-family:Arial, Helvetica, sans-serif; background:#fff; font-size:12px;}
ul,h1,h2,h3,h4{ margin:0px; padding:0px;}
ul li{ list-style:none;}
img{ border:0px;}
a{ color:#000; text-decoration:none}

.box{ width:950px; height:auto; margin:0 auto; padding:0px 5px 0px 5px;}

.logo{ height:90px; overflow:hidden;}
.logo_l{height: 80px;width: 472px;margin-top: 5px;float: left;}
.logo_r{width: 310px; float: right; margin-top: 30px;}
#selVal{ border:1px solid #CCC; width:200px;  padding-top:4px; padding-bottom:4px; padding-left:5px; font-size:14px; margin:0px; vertical-align:top;}
.btnSear{ margin:0px; cursor:pointer;margin-left: 10px;}

.menu{ height:33px; background:url(../images/menuBg.gif) no-repeat 0 0;}
.menu ul li{ float:left; padding-left:10px; padding-right:10px; line-height:33px; background:url(../images/menuLiBg.gif) no-repeat right 0;}
.menu ul li a{ color:#FFF; display:block; padding:0px 6px 0px 6px;}
.menu ul li a:hover{ color:#FFF;  background:#63d828; padding:0px 5px 0px 5px; border-left:1px solid #fff;border-right:1px solid #fff; }

.banner{ width:950px;  margin-top:2px;}
.banner img{ width:950px; }
#demo {
background: #FFF;
overflow:hidden;
width: 725px;
}

#indemo {
float: left;
width: 800%;
}
#demo1  div{
float: left;
}
#demo2 {
float: left;
}


.mittle01{ margin-top:3px; overflow:hidden;}
.mittle01Left{ float:left; width:735px;}
.mittle01Right{ float:right; width:209px;}

.head{ height:31px; text-align:center; color:#fff; font-weight:bold; font-size:14px; background:url(../images/head.gif) no-repeat 0 0; line-height:31px;}
.proClass{ background:#f4f3f3; border:1px solid #ccc; border-top:0px; border-bottom:0px;}
.proClass div{ height:34px; border-bottom:1px solid #ccc; line-height:34px; font-size:14px; padding-left:27px; background:url(../images/index_33.gif) no-repeat 3px 8px;}
.mittle01LeftImg{ margin-top:3px; text-align:center;}

.mittle01Right_Tittle{ background:url(../images/index_14.jpg) repeat-x 0 0; height:31px; overflow:hidden; font-weight:bold; padding-left:5px;}
.mittle01Right_Tittle ul li{ line-height:37px; width:130px; text-align:center; font-size:14px; color:#FFF; float:left; margin-right:5px; cursor:pointer;}
.mittle01Right_Tittle ul li.hover{ background:url(../images/index_12.jpg) no-repeat 0 0; color:#3a900b;}
.mittle01Right_Tittle a{ color:#fff;}
.mittle01Right_Tittle li.hover a{ color:#3a900b;}

.mittle01Right_Con{ width:724px; border:1px solid #ccc; border-top:0px; height:333px; padding-left:9px; padding-top:5px; overflow:hidden; }
div.DivProList{ width:135px; height:160px; float:left; text-align:center; margin-right:8px; margin-top:5px;}
div.DivProList a{width:134px; height:134px; display:block; }
div.DivProList img{ width:134px; height:134px;}
.proClassList02{ overflow:hidden;}

.mittle02{ margin-top:3px; overflow:hidden;}

.mittle03{ margin-top:3px; overflow:hidden;height:195px; }
.mittle03Left{ float:left; width:744px; border:1px solid #ccc; border-left:0px; height:193px; overflow:hidden;}
.mittle03Right{float:right; width:205px;}

.mittle03Left  .proClass{ border-right:0px;}
.mittle03Left a{ display:block; height:40px;}
.mittle03Left  .proClass div{ height:40px; line-height:40px; background-position:3px 12px; border-right:1px solid #ccc;}
.mittle03Left  .proClass div.hover{ border-right:1px solid #fff; background-color:#fff;}
.mittle03Right .mittle03Right01,.mittle03Right .mittle03Right02,.mittle03Right .mittle03Right03,.mittle03Right .mittle03Right04{ border:0px; padding-top:15px; padding-left:20px; height:175px; }

.mittle04{ margin-top:7px; overflow:hidden;}
.mittle04Left{ float:left; width:733px;border:1px solid #ccc; height:354px;}
.mittle04Rihgt{ float:right; width:209px;height:356px;}

.mittle04Left_Heat{ background:url(../images/index_38.jpg) repeat-x 0 -1px; height:30px; line-height:30px; font-size:14px; padding-left:10px;}
.mittle04Left_Con{ padding:10px; font-size:14px; height:150px;}

.mittle04Left_Img{ text-align:center;}
.index_News_List{ height:324px; border:1px solid #ccc; border-top:0px; background:#f5f5f5;}
.index_News_List a{ display:block; line-height:23px; padding-left:5px; width:197px; height:23px; overflow:hidden;}

.links{ line-height:30px;}
.links a{ padding-right:5px;}

.copyright{  border-top:1px solid #ccc; background:#f5f5f5; height:70px; text-align:center; padding-top:5px;}


.home{ line-height:30px; padding-left:7px; border-bottom:1px solid #e2e2e2; font-family:Verdana;}
.aboutMittle{ margin-top:10px;overflow:hidden;}
.aboutMittle_Left{ float:left; width:209px;}
.aboutMittle_Right{ float:right; width:735px;}
.ProList{ width:724px;  padding-left:9px; padding-top:5px; overflow:hidden; }
.ProList div.DivProList{ width:135px; height:160px; float:left; text-align:center; margin-right:8px; margin-top:5px; padding-bottom:15px;}
.ProList div.DivProList a{ }
.ProList div.DivProList img{  width:134px; height:134px;}

.m_right_lx{ border:1px solid #ccc; background-color:#f7f7f7; height:250px; }
.m_lx{ margin-left:10px; margin-top:5px;}
.t_order{ width:300px; height:100px;}
.l_order{ width:300px; height:25px; border:1px solid #000;}
.o_l{ margin-bottom:10px;}