body
{
    background:#5caf23;
    margin:5px auto;
    padding:0;
    font-size:12px;
    text-align:center;
}

a
{
    color: #000;
    text-decoration: none;
}
a:hover
{
    color: red;
    text-decoration: underline;
}

ul{padding:0;margin:0}
.clear{clear:both;line-height:1px;height:1px;font-size:1px;}
#PageWrap{width:894px;margin:0 auto;}
#PageLeft{width:223px;background:#8fd234;float:left;height:720px;overflow:hidden;}
#PageRight{background-color:#cdf289;float:left;width:670px;height:720px;}
#Footer{line-height:35px;}


#Logo{background:url(../En/images/logo.jpg) no-repeat;height:72px;}
#Announce{background:url(../En/images/Announce.jpg) no-repeat;height:269px;margin-top:10px;}
#Announce .wrap{width:138px;height:170px; overflow:hidden;text-align:left;margin-left:24px;margin-top:70px;}
#Announce .more{display:none;}

#Recommend{background:url(../En/images/Recommend.jpg) no-repeat;height:359px;padding-top:60px;padding-left:45px;padding-right:24px;}
#Recommend ul{text-align:left; list-style:none;padding:0;margin:0}
#Recommend li{line-height:22px;}
#Recommend .more{text-align:right}
#Recommend a{ list-style:none; text-decoration:none;color:#000;}
#Recommend a:hover{text-decoration:underline}

#Banner{background:url(../en/images/banner.jpg) no-repeat;height:220px;}

#Menu{width:338px;float:right;height:30px;line-height:30px;}
#Menu ul{padding:0;margin:0; list-style:none;}
#Menu li{ display:inline;}
#Menu a{text-decoration:none;float:left;margin-right:8px;color:#000;}
#Menu a:hover{text-decoration:underline;}

#Nav{background:#cdf289;width:100%;height:35px;}



#Content{width:660px;margin-left:10px;background:#fff}
#ContentLeft{width:408px;float:left;}
#ContentRight{width:199px;float:left;margin-left:28px;}

#Introduction{width:403px;}
#Introduction .title{background:url(../en/images/Intorduction_title.jpg) no-repeat;height:43px;width:383px;line-height:53px;text-align:right;padding-right:20px;}
#Introduction .pic{background:url(../en/images/introduction_pic.jpg) no-repeat;height:59px;width:408px;}
#Introduction .con{height:100px; overflow:hidden;text-align:left;line-height:20px;padding-left:15px;}
#Introduction .con p{margin:0;padding:0;}
#Introduction a:hover{ text-decoration:none}

#MainProduction{width:403px;}
#MainProduction .title{background:url(../en/images/MainProduction_title.jpg) no-repeat;height:43px;width:383px;line-height:53px;text-align:right;padding-right:20px;}
#MainProduction .pic{background:url(../en/images/MainProduction_pic.jpg) no-repeat;height:59px;width:408px;}
#MainProduction .con{height:110px;text-align:left;line-height:22px;overflow:hidden;padding-left:15px;}
#MainProduction .more{display:none}
#MainProduction a:hover{ text-decoration:none}



#ContactUs{border-left:1px solid #ccc;border-right:1px solid #ccc;padding:5px;}

#ContactUs .con{text-align:left;line-height:23px; text-indent:0;height:445px;}
#ContactUs .more{display:none}
#ContactUsTitle{background:url(../en/images/ContactUs.jpg) no-repeat bottom;height:35px;width:214px;margin-left:400px;}

#MoreDetail .wrap
{
    border-collapse: collapse;
    margin: 0 10px;
    width: 240px;
    height:480px;
    
    border: 0;
    
    text-align: left;
}
#MoreDetail tr{ vertical-align:top;}


#MoreDetail .title
{
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    line-height: 40px;
}
#MoreDetail .info
{
    text-align: center;
    color: #888;
    line-height: 25px;
}

#MoreDetail hr
{
    margin-bottom: 15px;
}

#MoreDetail .reply
{
    text-indent: 2.4em;
    line-height: 20px;
    letter-spacing: 0.2em;
}
#MoreDetail .cons
{
    text-indent: 2.4em;
    line-height: 20px;
    letter-spacing: 0.2em;
    width: 540px;
    overflow: hidden;
}
#MoreDetaol .cons img
{
    max-width: 500px;
}
#MoreDetail .con
{
    width: 540px;
    overflow: hidden;
    margin-bottom: 10px;
}
#MoreDetail .nav
{
    line-height: 30px;
    text-align:center;
    
}
#Navigate
{
    background: url(../images/icon2.gif) repeat-x bottom;
    line-height: 35px;
    height: 35px;
    text-align: left;
}
#Navigate .item
{
    background: url(../images/icon1.gif) no-repeat;
    padding-left: 40px;
    height: 35px;
    line-height: 35px;
}


#ArticleList
{
    width: 640px;
    margin: 10px;
    height:470px;
}
#ArticleList .item
{
    float: left;
    width: 180px;
    padding-right: 5px;
    margin-bottom: 30px;
    text-align: center;
}
#ArticleList .itemtop
{
    background: url(../images/ImageWrap03_top.gif) no-repeat;
    height: 35px;
    width: 180px;
    line-height: 35px;
}
#ArticleList span
{
    float: left;
}
#ArticleList .itemcon
{
    border: 1px solid #c8c8c8;
    border-top: 0;
    width: 178px;
    border-bottom: 0;
}
#ArticleList .itembottom
{
    background: url(../images/ImageWrap03_bottom.gif) no-repeat;
    height: 20px;
    width: 180px;
}
#ArticleList .page
{
    text-align: center;
    line-height: 35px;
}
#ArticleList .category
{
    color: #aaa;
    width: 40px;
   
    float: left;
    border-bottom: 1px solid #82b0f3;
    line-height: 25px;
    height: 25px;
}
#ArticleList .title
{
    width: 380px;
    padding:0 5px;
    text-align:left;
    float: left;
    line-height: 25px;
    height: 25px;
    border-bottom: 1px solid #82b0f3;
    overflow: hidden;
}
#ArticleList .info
{
    color: #aaa;
    width: 156px;
    float: right;
    line-height: 25px;
    height: 25px;
    padding-right:5px;
    
    border-bottom: 1px solid #82b0f3;
}