﻿a:hover img{filter: alpha(opacity=80);-moz-opacity: 0.80;opacity: 0.80;}
#bannerTitle
{
    width: 240px;
    height: 51px;
    float: left;
    margin-top: 32px;
    background: url(images/he/he_title.png) left top no-repeat;
}
#banner
{
    background: url(images/he/banner.jpg) right top no-repeat;
}
#bannerAd
{
    height: 145px;
}
#heLeft
{
    width: 796px;
    float: left;
    margin-top: 5px;
}
#heIntro
{
    width: 796px;
    height: 177px;
    background: url(images/he/bg_intro.png);
}
#heIntro div
{
    padding-top: 65px;
    margin: 0 22px;
}
#heIntro p
{
    font-size: 14px;
    color: #000;
    line-height: 200%;
    text-indent: 2em;
}
#heZX
{
    float: left;
    width: 370px;
    margin-top: 6px;
}
#heNews
{
    width: 426px;
    height: 54px;
    float: right;
    background: url(images/he/bg_news.png);
    margin-top: 6px;
}
#heHowToCoop
{
    width: 525px;
    float: left;
    margin-top: 6px;
}
#heCoopLeft
{
    width: 201px;
    float: left;
    margin-top: 3px;
    padding-left: 3px;
}
#heCoopLeft img
{
    float: left;
    margin-bottom: 3px;
}
#heCoopRight
{
    width: 313px;
    float: right;
    margin-top: 3px;
    padding-right: 3px;
}
#heCoopRight img
{
    float: left;
    margin-bottom: 3px;
}
#heArticles
{
    width: 265px;
    float: right;
    margin-top: 8px;
}
#heRight
{
    width: 200px;
    float: right;
    margin-top: 5px;
}
#heCaseWrap
{
    width: 198px;
    margin: 10px auto 0 auto;
}
#heCaseWrap img
{
    float: left;
    margin-bottom: 8px;
}
.articleList
{
    padding-top: 10px;
}
.articleList li
{
    line-height: 200%;
    text-indent: 18px;
    background: url(images/icon10.png) 10px 10px no-repeat;
}
.articleList a:link, .articleList a:visited, .articleList a:active
{
    color: #808080;
}
.articleList a:hover
{
    color: #c00;
}
.articleList2
{
    padding-left: 65px;
    padding-top: 6px;
}
.articleList2 li
{
    float: left;
    width: 180px;
    line-height: 180%;
    text-indent: 8px;
    background: url(images/icon10.png) left 9px no-repeat;
}
.articleList2 a:link, .articleList2 a:visited, .articleList2 a:active
{
    color: #808080;
}
.articleList2 a:hover
{
    color: #c00;
}
.tabPnlTitleList ul
{
    margin-top: 20px;
    display: block;
    height: 34px;
    background: url(images/icon11.jpg) left bottom repeat-x;
}
.tabPnlTitleList li
{
    float: left;
    height: 34px;
    margin-right: 1px;
}
.tabPnlTitleList span
{
    float: left;
    height: 34px;
}
.tabPnlTitleList .current span
{
    background: url(images/tabItem_on_m.jpg) center repeat-x;
}
.tabPnlTitleList .current span span
{
    background: url(images/tabItem_on_l.jpg) left top no-repeat;
}
.tabPnlTitleList .current span span span
{
    background: url(images/tabItem_on_r.jpg) right top no-repeat;
    padding: 0 1em;
    line-height: 34px;
    color: #C70000;
    font-weight: bold;
    overflow: hidden;
}
.tabPnlTitleList .normal span
{
    background: url(images/tabItem_nor_m.jpg) center repeat-x;
}
.tabPnlTitleList .normal span span
{
    background: url(images/tabItem_nor_l.jpg) left top no-repeat;
}
.tabPnlTitleList .normal span span span
{
    background: url(images/tabItem_nor_r.jpg) right top no-repeat;
    padding: 0 1em;
    line-height: 34px;
    color: #C70000;
    overflow: hidden;
}
.IntroPnl
{
    border: solid 1px #E7E6EB;
    border-top: 0;
    padding: 30px 0;
}
.introItemContent
{
    width: 730px;
    margin: 0 auto;
}
