/*********** 投资者关系 ***********/
/*公用*/
#left .stock .menu {position:absolute; bottom:0; left:0; width:100%; height:45px; background-color:#4C5C99;}
#left .stock .menu .wrap {float:right; height:100%;}
#left .stock .menu .wrap a {float:left; width:90px; height:100%; font-size:13px; line-height:45px; text-align:center; color:#acb7c8;}
#left .stock .menu .wrap a.on {background-color:#2b3459;}
#left .stock {position:relative; margin-bottom:23px; width:100%; height:188px; background-color:#2b3459;}
#left .stock .item {display:none; position:absolute; left:106px; top:30px; width:678px; height:130px;}
#left .stock .item table {width:678px; height:84px;}
#left .stock .item table .tit {font-size:13px; color:#c3cbd4;}
#left .stock .item table .tit span {margin-left:2px; font:bold 13px/13px 'novecento' !important;}
#left .stock .item table .data td {font:bold 30px/70px "dincond", "Segoe UI","wf_segoe-ui_normal","Arial",sans-serif; color:#919191;}
#left .stock .item table .data td span {font-family: "Segoe UI","wf_segoe-ui_normal","Arial",sans-serif;}
#left .stock .item table .data .red {color:#e62b1e;}
#left .stock .item table .data td span {float:left;}
#left .stock .item table .data .green {color:#00A352;}
#left .stock .item table .data td .num {font-size:60px;font-family: 'dincond'!important;}
#left .stock .item table .data td .icon {margin:0 3px; width:16px; height:70px; line-height:0; font-size:0; background:no-repeat 0 44px;}
#left .stock .item table .data .red .icon {background-image:url(../images/relation/icon_stock_up.png);}
#left .stock .item table .data .green .icon {background-image:url(../images/relation/icon_stock_down.png)}
#left .stock .item table .data td .unit {margin-top:30px; font-size:30px; line-height:30px;}
#left .stock .item p {margin-top:7px; color:#c3cbd4; opacity:0.5; -webkit-opacity:0.5; -moz-opacity:0.5; -o-opacity:0.5; -ms-opacity:0.5; filter:alpha(50);}

.citizenship_content div {
    color: #746969;
    line-height: 22px;
    margin-bottom: 15px;
}
.citizenship_content a {color:#e62b1e;}
.citizenship_content p {clear:both; width:633px;}

/* 最新公告 */
#relation-1 .link-block a {background:#fff url(../img/citizen/icon_pdf.png) no-repeat 1065px 43px;}
#relation-1 .link-block a:hover {background-color:#e1e1e1; background-image:url(../img/citizen/icon_pdf_on.png);}
/* #relation-1 .link-block a .summary {width:930px;}*/
/* 财务信息 */
/* 投资者来访 */
.divSelect {position:relative; z-index:100; cursor:pointer;}
.divSelect .caption {display:block; height:100%;}
.divSelect ul {display:none; position:absolute; z-index:999; width:100%; overflow:hidden;}
.divSelect select {display:none;}

#relation-3 .top {margin-bottom:12px; height:310px; background:url(../img/relation/p_3_1.jpg) no-repeat 0 0;}
#relation-3 .fill {position:relative; padding:25px 23px 25px 0; height:502px; color:#6c6c6c; background:url(../img/relation/p_3_2.jpg) no-repeat 0 0;}
#relation-3 .fill .prompt {position:absolute; left:34px; top:46px; width:220px; font-size:12px; line-height:18px; color:#3b4971;}
#relation-3 .fill .prompt span {font-size:15px;}
#relation-3 .fill .item {float:right; margin-bottom:8px; padding-left:22px; width:434px; height:55px; line-height:55px;  background-color:#fff;}
#relation-3 .fill .textarea {height:133px;}
#relation-3 .fill .item .divSelect,
#relation-3 .fill .item input,
#relation-3 .fill .item textarea {float:right; margin:0; padding:0 23px; width:257px; height:55px; color:#6c6c6c; background-color:#fff;}
#relation-3 .fill .item .divSelect {padding:0; width:303px; background:#fff;}
#relation-3 .fill .item .divSelect .caption {line-height:53px; text-indent:27px; background:url(../img/relation/slidedown.jpg) no-repeat right 0;}
#relation-3 .fill .item .divSelect ul {padding:10px 0; width:301px; background-color:#eee; border:1px solid #d3d3d2; border-top:0 none;}
#relation-3 .fill .item .divSelect ul li {height:33px; line-height:33px; padding:0 23px;}
#relation-3 .fill .item .divSelect ul li:hover {background-color:#cdcdcd;}
#relation-3 .fill .item textarea {padding:23px; border:0 none; width:255px; height:87px; resize:none;}
#relation-3 .submit {float:right; margin-top:6px; width:456px; height:53px; background:#74bd42 url(../img/relation/submit.png) no-repeat center 10px; cursor:pointer;}
/* 公司治理 */
#relation-4 .link-block a {padding-right:0;}
#relation-4 .link-block a .summary {margin-left:0; width:100%;}
/* 链接列表 */
.link-list a {display:block; -webkit-transition:color 300ms; transition:color 300ms;font-family: "Segoe UI","wf_segoe-ui_normal","Arial",sans-serif;}
.link-list a span {float:left; margin-right:15px;}
.link-list p {}
/* 日期块 */
.date-block {float:left; padding:0 10px; width:68px; height:88px; font:14px/15px "Segoe UI","wf_segoe-ui_normal","Arial",sans-serif; color:#444; background-color:#e1e1e1;}
.date-block .day {display:block; margin:10px 0 3px 0; font:bold 36px/36px "Segoe UI","wf_segoe-ui_normal","Arial",sans-serif; color:#e62b1e;}
/* 链接块 */
.link-block {border-top:1px dotted #ccc;}
.link-block a {display:block; height:90px; border-bottom:2px solid #e8e6e6; -webkit-transition:background-color 400ms; transition:background-color 400ms;}
.link-block a:hover {background-color:#e1e1e1;}
.link-block a:last-child {border-bottom:0 none;}
.link-block a .summary {float:left; margin-left:18px; width:640px; height:100%; line-height:18px; color:#746969;}
.link-block a h1 {font-weight:bold; font-size:18px;margin-bottom:8px; line-height:26px;}
.link-block a h3 {margin:-4px 0; color:#746969;font-weight: normal;  font-size: 12px;}
.link-block a p {margin-top:8px; height:36px; line-height:18px; color:#746969; overflow:hidden;}
/* 加载更多 */
input.more {display:block; width:100%; height:54px; background:#e1dede url(../img/btn_more_on.png) no-repeat center 15px; cursor:pointer; -webkit-transition:background 400ms; transition:background 400ms;}
input.more:hover {background-color:#e62b1e; background-image:url(../img/btn_more.png);}
/*metro ui*/
.metro {position:relative; margin-bottom:23px; height:386px;}
.metro a {position:absolute; top:0; left:0;}