@charset "utf-8";
/* CSS Document */
#MainShow{ width:654px; height:274px;}
#MainCaseShow{ display:block; clear:both; margin-top:10px;}
#MainCaseShow .top{ width:640px; height:38px; background-image:url(index/Case_Top.png); background-repeat:no-repeat; color:#ce4245; line-height:48px; font-weight:bold; padding-left:15px;}
#MainCaseShow .mid{ background-image:url(index/Case_mid.png);width:655px; }
#MainCaseShow .mid ul{ width:630px; margin:auto; clear:both}


#MainCaseShow .mid ul li{ float:left; margin-top:6px; margin-bottom:6px;  width:300px; padding-right:10px;}
#MainCaseShow .mid ul li .img{ float:left}
#MainCaseShow .mid ul li .img img{ width:129px; height:79px; border:1px solid #B4B4B6;}
#MainCaseShow .mid ul li .info{ float:left; margin-left:5px; display:inline; width:160px; line-height:16px; height:80px; overflow:hidden}
#MainCaseShow .mid ul li .info .title{ width:160px; overflow:hidden; font-weight:bold}

#MainCaseShow .mid ul li .info .title a:visited{ color:#6D6E70}
#MainCaseShow .mid ul li .info .title a:link{ color:#6D6E70}
#MainCaseShow .mid ul li .info .title a:hover{ color:#ff0000}

#MainCaseShow .mid ul li .info .txt{ width:160px; text-indent:10px;}


#MainCaseShow .bottom{ background-image:url(index/Case_Bottom.png); width:655px; height:11px;}


#ShowKnowledge{ width:655px; border:1px solid #B4B4B6; margin-top:10px; clear:both}
#ShowKnowledge .left{ float:left; width:326px; border-right:1px #B4B4B6 solid; height:190px; overflow:hidden}
#ShowKnowledge .right{ float:right; width:328px; height:190px; overflow:hidden}
#ShowKnowledge .type{ position:relative; border-bottom:1px #B4B4B6 solid; height:27px; text-align:right; color:#CE4245; line-height:27px; padding-right:5px; overflow:hidden; background-image:url(index/type_bg.png); background-position:right; background-repeat:repeat-y}

#ShowKnowledge .type a:link{color:#CE4245;}
#ShowKnowledge .type a:visited{color:#CE4245;}
#ShowKnowledge .type a:hover{color:#CE4245;}

#ShowKnowledge .type .Name{ position:absolute; left:10px ;top:0px;   font-weight:bold;color:#CE4245;}

#ShowKnowledge ul li{height:50px; width:301px; padding-left:25px;  margin-bottom:5px ; background-image:url(index/Index_Li1.png); background-repeat:no-repeat; overflow:hidden; line-height:18px;}
#ShowKnowledge ul li .title{ width:301px; height:18px; overflow:hidden;}

#ShowKnowledge ul li a:link{color:#6D6E70; font-weight:bold}
#ShowKnowledge ul li a:visited{color:#6D6E70;font-weight:bold}
#ShowKnowledge ul li a:hover{color:#FF0000;font-weight:bold}
#ShowKnowledge ul li .desc{ text-indent:10px; line-height:16px;}

#ShowNews{ border-bottom:1px #FF0000 solid; margin-top:10px; width:655px; clear:both; overflow:hidden}
#ShowNews .ShowBox{ width:325px; height:154px; background-image:url(index/ShowBox.gif); position:relative }
#ShowNews .ShowBox .Name{color:#CE4245; font-weight:bold; height:30px; line-height:35px; padding-left:10px;}
#ShowNews .ShowBox .showMore{ position:absolute; right:15px; top:13px;}
#ShowNews .ShowBox .txtBox{ width:325px; height:124px; overflow:hidden}
#ShowNews .ShowBox .txtBox ul{ width:300px; margin:auto;}
#ShowNews .ShowBox .txtBox li{ background-image:url(index/icon_li.gif); background-repeat:no-repeat; padding-left:10px; width:290px; overflow:hidden; height:20px; line-height:20px; color:#6D6E70}
#ShowNews .ShowBox .txtBox li a:link{color:#6D6E70;}
#ShowNews .ShowBox .txtBox li a:visited{color:#6D6E70;}
#ShowNews .ShowBox .txtBox li a:hover{ color:#FF0000;}
#ShowNews .ShowBox  .txt{ line-height:18px; width:300px; margin:auto; height:58px; overflow:hidden}
#ShowNews .ShowBox  .txt a:hover{ color:#FF0000}
#ShowNews .ShowBox  .txt a:visited{ color:#007abe}
#ShowNews .ShowBox  .txt a:link{ color:#007abe}

#ShowNews .ShowBox  .img{ margin:auto; width:319px; height:57px;}
.floatleft{float:left;}
.floatright{float:right;}