@import url("http://img.jmdcf.com/skin/css/common.css");
body
{
    font-size: 12px;
    color: #000000;
    background-color: #ffffff;
    -webkit-text-size-adjust: none;
}
A
{
    color: #000000;
    text-decoration: none;
}
A:visited
{
    text-decoration: none;
}
A:hover
{
    text-decoration: underline;
}
A:active
{
}
A:hover
{
    color: #CC0000;
}


li
{
    list-style-type: none;
    vertical-align: bottom;
}
.T
{
    margin-top: 10px;
}


.frmbaseA
{
    background: url(imgs/bg_y_1.gif) repeat-y 0px 0px;
}
.frmbaseB
{
    background: url(imgs/bg_y.gif) repeat-y -1960px 0px;
}
.frmbaseC
{
    background: url(imgs/bg_y.gif) repeat-y -2940px 0px;
}

.areabotA
{
    clear: both;
    display: block;
    background: url(imgs/bg_y.gif) no-repeat 0px 0px;
    overflow: hidden;
    height: 1px;
}

.areabotB
{
    clear: both;
    display: block;
    background: url(imgs/bg_y.gif) no-repeat 0px -2px;
    overflow: hidden;
    height: 1px;
}

.areabotC
{
    clear: both;
    display: block;
    background: url(imgs/bg_y.gif) no-repeat 0px -4px;
    overflow: hidden;
    height: 1px;
}

.lineA
{
    clear: both;
    display: block;
    background: url(imgs/line.gif) repeat-x 0px 0px;
    overflow: hidden;
    height: 2px;
}
.lineB
{
}

.top-box
{
    height: 80px;
    overflow: hidden;
    background: url(imgs/top_bg.gif) bottom left repeat-x;
}

.logo-box
{
    clear: both;
    overflow: hidden;
}


.logo-box .left
{
    padding-left: 10px;
    clear: left;
    float: left;
    width: 450px;
    height: 80px;
    display: block;
    overflow: hidden;
    padding-left: 10px;
    background: url(imgs/logo.png) left center no-repeat;
    _background: url(imgs/logo.gif) right center no-repeat;
}
.logo-box .left a
{
    display: block;
    height: 80px;
    overflow: hidden;
    width: 263px;
    text-indent: -2000px;
}

.logo-box .right
{
    padding-left: 0px;
    clear: right;
    width: 470px;
    height: 80px;
    display: block;
    overflow: hidden;
    background: url(imgs/Memberno.gif) right center no-repeat;
}
.banner
{
    position: relative;
    height: 375px;
    overflow: hidden;
}
.banner .bannerpanel
{
    position: absolute;
    top: 0px;
    left: 0px;
    height: 375px;
    width: 100%;
}
.banner .bannerpanel li
{
    display: none;
    height: 375px;
    background-position:center top;
    background-repeat:no-repeat;
}
.banner .bannerpanel .on
{
    display: block;
}
.banner .pointpanel
{
    position:relative;
    height: 11px;
    width: 980px;
    margin: 0px auto;
    margin-top: 355px;
    z-index:999;
    text-align:center;
}
.banner .pointpanel span
{
    width: 11px;
    height: 11px;
    overflow:hidden;
    padding:0px;
    display: inline-block;
    background-image:url('imgs/point.gif');
    background-position:0px -11px;
    margin-right:10px;
    cursor:pointer;
}
.banner .pointpanel .cur
{
    background-position:0px 0px;
}

/*²Ëµ¥*/
.navigation
{
    height: 40px;
    clear: both;
    display: block;
    background: url(imgs/line2.gif) repeat-x left bottom;
    overflow: hidden;
}
.navigation .lefttex
{
    height: 40px;
    float: left;
    clear: left;
    overflow: hidden;
    width: 100px;
    line-height: 38px;
    text-align: right;
    font-size: 16px;
    font-family: "ºÚÌå";
    color: #505050;
}

/*chart*/
#chart
{
    margin-bottom: 10px;
}
.gold-chart, .silver-chart
{
    position: relative;
    width: 490px;
    height: 282px;
}
.gold-chart
{
    float: left;
}
.silver-chart
{
    float: right;
}
.tab-chart
{
    list-style: none;
    margin: 5px 0px;
    border-bottom:2px solid #bbbbbb;
    height:36px;
}
.tab-chart li
{
    width: 90px;
    height: 38px;
    line-height: 36px;
    float: left;
    text-align: center;
    cursor: pointer;
    font-family:ËÎÌå;
    font-size:14px;
    color:#505050;
}
.silver-chart .tab-chart li
{
    width:96px;
}
.tab-chart li.active
{
    background:url('imgs/bg_tab-chart.jpg') 1px 30px no-repeat;
    color:#e23e41;
}
.chart-content
{
    padding-top: 20px;
    padding-left: 5px;
}
.btn_slide
{
    height: 40px;
    float: right;
    clear: right;
    overflow: hidden;
    width: 875px;
}
.btn_slide li
{
    width: 100px;
    float: left;
    height: 40px;
    line-height: 38px;
    margin-top: 0px;
    cursor: pointer;
    margin-right: 1px;
    color: #505050;
    font-size: 14px;
    text-align: center;
    overflow: hidden;
}

.btn_slide .on
{
    color: #e14346;
    background: url(imgs/btn_slide_bg.gif) bottom center no-repeat;
}
.case
{
    padding-top: 20px;
    margin: 0 auto;
    text-align: center;
}
.case li
{
    display: none;
}
.case .on
{
    display: block;
}



/***/

.left
{
    clear: left;
    float: left;
    width: 710px;
    overflow: hidden;
}
.right
{
    clear: right;
    float: right;
    width: 260px;
    overflow: hidden;
}
.news .left .l
{
    clear: left;
    float: left;
    width: 305px;
    overflow: hidden;
}
.news .left .r
{
    clear: right;
    float: right;
    width: 400px;
    overflow: hidden;
}



/***/
.modTit
{
    clear: both;
    height: 35px;
    line-height: 35px;
    background: url(imgs/mod.gif) repeat-x bottom left;
    margin-left: 1px;
    margin-right: 1px;
    display: block;
    overflow: hidden;
}

.modTit h2
{
    float: left;
    width: 200px;
    overflow: hidden;
    font-size: 16px;
    color: #892312;
    height: 35px;
    font-family: "΢ÈíÑźÚ" , "ºÚÌå";
    padding-left: 10px;
    font-weight: bolder;
}
.modTit span
{
    float: right;
    padding-right: 5px;
    overflow: hidden;
    text-align: right;
    height: 40px;
}

.modTit span a
{
    padding-left: 2px;
    padding-left: 2px;
}
/***/


.flashdis .l
{
    clear: left;
    float: left;
    width: 505px;
    overflow: hidden;
}
.flashdis .r
{
    clear: right;
    float: right;
    width: 470px;
    overflow: hidden;
}


.intro
{
}
.intro ul
{
    padding: 10px;
    clear: both;
    display: block;
}
.intro li
{
    width: 205px;
    float: left;
    padding-left: 15px;
    line-height: 18px;
}
.intro li h3
{
    font-size: 20px;
    font-weight: 600;
    font-family: "΢ÈíÑźÚ" , "ºÚÌå";
    line-height: 30px;
}
.intro li p
{
    font-size: 12px;
    color: #646464;
}
.intro .why
{
    background: url(imgs/why.gif) center center no-repeat;
    clear: both;
    display: block;
    height: 260px;
}

.about p
{
    color: #001b53;
    line-height: 28px;
    text-indent: 2em;
}
.about img
{
    text-align: center;
    padding: 2px;
    border: 1px #CCCCCC solid;
}


.newsList
{
    clear: both;
    color: #686868;
}
.newsList li
{
    line-height: 21px;
    height: 21px;
    overflow: hidden;
}
.newsList a
{
    color: #686868;
}
.newsList A:hover
{
    color: #CC0000;
}


.newsList .red
{
    color: #ff0000;
}
.newsList .on
{
    font-weight: bolder;
    height: 27px;
    line-height: 27px;
}
.newsList .on a
{
    color: #004276;
    padding-left: 12px;
}
.size14 li
{
    line-height: 24px;
    height: 24px;
}
.ensure
{
    background: url(imgs/ensure.gif) center center no-repeat;
    height: 125px;
    overflow: hidden;
}
.bank
{
    background: url(imgs/bank.gif) center center no-repeat;
    height: 40px;
    overflow: hidden;
}

.end-box
{
    background-color: #a5000d;
    clear: both;
    display: block;
    overflow: hidden;
    height: 100px;
}
.bodyend
{
    text-align: center;
    line-height: 24px;
    color: #FFFFFF;
    padding-top: 18px;
}
.bodyend p
{
    color: #FFFFFF;
    line-height: 24px;
}