/*
 * Master Kong Theme Main CSS
 */

/* ====================
   Base & Reset
   ==================== */
* {
    margin: 0;
    padding: 0;
    border: 0;
}

body {
    font-size: 12px;
    font-family: Verdana, Tahoma, Arial, Georgia, "Microsoft YaHei", sans-serif;
    color: #666;
    background: #ffffff;
}

body, form, ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, img, div, span, input, textarea, tr, td, th, caption {
    padding: 0;
    margin: 0;
    border: 0;
}

a {
    text-decoration: none;
    color: #666;
}

a:focus {
    -moz-outline-style: none;
    outline: none;
}

img {
    border: none;
}

li {
    list-style: none;
}

.clear {
    width: 0px;
    height: 0px;
    line-height: 0px;
    overflow: hidden;
    clear: both;
    font-size: 1px;
}

/* ====================
   Color Classes
   ==================== */
.font_orange, .font_orange a {
    color: #ff6600;
}

.font_gray, .font_gray a {
    color: #999;
}

.font_float {
    float: right;
    padding-left: 10px;
    font-size: 10px;
}

.font_left {
    float: left;
    padding-left: 10px;
}

/* ====================
   Home Layout
   ==================== */
#home {
    width: 1000px;
    margin: 0 auto;
    padding: 0;
    position: relative;
    clear: both;
}

#home .header {
    width: 1000px;
    margin: 0 auto;
    padding: 10px 0px 10px 0px;
    clear: both;
}

#home .header .logo {
    width: 200px;
    margin: 0;
    padding: 0;
    text-align: left;
    float: left;
}

#home .header .language {
    width: 180px;
    margin: 0;
    padding: 0;
    text-align: right;
    padding-top: 20px;
    font-size: 12px;
    display: inline;
    float: right;
}

#home .header .language li {
    float: left;
    text-align: right;
    padding-left: 5px;
    color: #c5c5c5;
    margin: 0;
    margin-top: 2px;
}

#home .header .language a {
    font-size: 12px;
    color: #c5c5c5;
}

#home .header .language .icon {
    padding-top: 2px;
    padding-left: 2px;
    font-size: 12px;
    padding-right: 2px;
    color: #c5c5c5;
    margin: 0;
    float: left;
}

#home .header .language .icon a:hover {
    font-size: 12px;
    color: #ffb533;
}

#home .header .language .icons {
    padding-left: 2px;
    font-size: 12px;
    padding-right: 3px;
    color: #c5c5c5;
    margin: 0;
    float: left;
}

#home .nav {
    width: 1000px;
    margin: 0 auto;
    padding: 0;
    position: relative;
    top: 2px;
    clear: both;
}

/* ====================
   Language Switcher
   ==================== */
#lang {
    width: 51px;
}

#lang li {
    width: 17px;
    margin: 0;
    padding: 0;
}

#lang li a {
    width: 17px;
    height: 17px;
    background: url('../images/home_menu.gif');
    background-repeat: no-repeat;
    display: block;
    overflow: hidden;
}

#lang li.cn a {
    background-position: -17px 0;
}

#lang li.cn a:hover,
#lang li.cns a {
    background-position: 0 0;
}

#lang li.fn a {
    background-position: -17px -17px;
}

#lang li.fn a:hover,
#lang li.fns a {
    background-position: 0 -17px;
}

#lang li.en a {
    background-position: -17px -34px;
}

#lang li.en a:hover,
#lang li.ens a{
    background-position: 0 -34px;
}

.sen {
    width: 91px;
    padding: 1px;
    text-align: center;
    border: 1px solid #ffb533;
    position: absolute;
    z-index: 999;
    font-size: 12px;
    right: 13px;
    top: 1px;
    display: none;
}

/* ====================
   Financial Report Styles
   ==================== */
#main #nav #right .nav_right .year .financial_list {}
#main #nav #right .nav_right .year .financial_list li { width:210px; float:left;}
#main #nav #right .nav_right .year .financial_list li .leftbox { float:left; padding-left:41px; width:69px}
#main #nav #right .nav_right .year .financial_list li .rightbox {width:100px; float:right}
#main #nav #right .nav_right .year .financial_list li .rightbox .class12 { font-weight:bold; color:#fd6300; margin-left:6px; margin-bottom:5px; display:block; line-height:20px;}
#main #nav #right .nav_right .year .financial_list li .rightbox .class13 { display:block; margin-bottom:4px;}
#main #nav #right .nav_right .year .financial_list li .rightbox .class14 { margin-right:6px;position:relative; top:4px; *top:2px; float:left}
#main #nav #right .nav_right .year .financial_list li .rightbox a { line-height:20px;}
#main #nav #right .nav_right .year .financial_list li .rightbox a:hover { text-decoration:underline;}

/* annals */
#main #nav #right .nav_right .year .annals { margin:0 auto; height:auto; padding-bottom:10px;}
#main #nav #right .nav_right .year .annals li { width:148px; float:left; border-left:1px dotted #7e7e7e; padding-left:12px;}
#main #nav #right .nav_right .year .annals li a { display:block; height:30px; padding:0px; margin:0 auto; color:#333333;}
#main #nav #right .nav_right .year .annals li a:hover { color:#fd6300;}
#main #nav #right .nav_right .year .annals li .annals_class1 { color:#fd6300; margin-right:5px;}

#main #nav #right .nav_right .year .year_l{ width:310px; float:left; padding-right:20px; margin:0; line-height:20px;}
#main #nav #right .nav_right .year .year_l li{ width:305px; padding-right:5px; padding-top:3px; padding-bottom:3px; border-bottom:1px dashed #8e8e8e; margin:0; display:block;
height:auto!important;
height:50px;
min-height:50px;
}
#main #nav #right .nav_right .year .year_l li:hover {}
#main #nav #right .nav_right .year .year_r{ width:310px; padding-left:20px; padding-right:10px; float:right; margin:0; border-left:1px dotted #8e8e8e; line-height:20px; }
#main #nav #right .nav_right .year .year_r li{ width:305px; padding-right:5px; padding-top:3px; padding-bottom:3px; border-bottom:1px dashed #8e8e8e; margin:0; display:block;
height:auto!important;
height:50px;
min-height:50px; }
#main #nav #right .nav_right .year .year_r li:hover {}
#main #right .nav_right .ico{background:url(../images/ico.gif) no-repeat; width:300px; padding-left:8px;}
#main #nav #right .nav_right .icos{background:url(../images/ico.gif) no-repeat; width:480px; padding-left:8px; overflow:hidden;}

#main #nav #right .nav_right .year .y_left{ width:169px; border-right:1px dotted #8e8e8e; float:left; margin:0;}
#main #nav #right .nav_right .year .y_left .nb{ width:147px; border-bottom:1px solid #aeaeae; padding-top:0px; margin:0;}
#main #nav #right .nav_right .year .y_left .upimg{ width:147px; overflow:hidden; margin:0; padding-top:20px; padding-bottom:10px;}
#main #nav #right .nav_right .year .y_right{width: 490px;padding-left:10px;margin:0;float:right;font-size:12px;color:#666;line-height:20px;}
#main #nav #right .nav_right .year .y_right li{ white-space:495px; padding-right:5px; padding-top:3px; padding-bottom:3px; border-bottom:1px dashed #8e8e8e; margin:0;}
#main #nav #right .nav_right .year .y_right .gh { background:#f5f5f5;}
#main #nav #right .nav_right .year .ym{ width:475px; height:30px; background:url(../images/investor_more.gif) no-repeat; margin:0;}
#main #nav #right .nav_right .year .ym_left{ float:left;}
#main #nav #right .nav_right .year .ym_right{width:50px;margin:0;float:right;}
#main #nav #right .nav_right .year .ym_small{ width:310px; height:30px; background:url(../images/investor_more.gif) no-repeat right; margin:0;}
#main #nav #right .nav_right .year .ym_small_left{ padding-top:5px; margin:0; float:left;}
#main #nav #right .nav_right .year .ym_small_right{ width:50px; margin:0; padding-top:5px; float:right;}

#main #nav #right .nav_right .year #tonghan {margin:0;padding-top:10px;width: 700px;float:left;}
#main #nav #right .nav_right .year #tonghan li{padding:10px 0px 10px 0px;border-bottom:1px dotted #8E8E8E;width: 681px;line-height:1.5em;}
#main #nav #right .nav_right .year #tonghan .tonghan_title {background: url(../images/investor_bt_more2.gif) top right no-repeat;margin:0;height:30px;width: 650px;}
#main #nav #right .nav_right .year #tonghan .tonghan_title .tonghan_title_left { float:left;}
#main #nav #right .nav_right .year #tonghan .tonghan_title .tonghan_title_right {width: 33px;margin:5px 18px 0px 0px;float:right; *margin-top:7px;}

#main #nav #right .nav_right .year .info{ width:310px; padding-top:10px; margin:0; float:left;}
#main #nav #right .nav_right .year .info li{ border:none;}
#main #nav #right .nav_right .year .info .info_img{ width:125px; height:119px; overflow:hidden; margin:0; float:left;}
#main #nav #right .nav_right .year .info .info_txt{ width:165px; margin:0; float:right;}
#main #nav #right .nav_right .year .info .info_more{ width:40px; height:18px; padding-left:7px; margin:0; float:right;}
#main #nav #right .nav_right .year .trleft{ width:250px; margin:0; float:left;}
#main #nav #right .nav_right .year .trright{ width:400px; padding-left:30px; margin:0; line-height:20px; float:right;}
#main #nav #right .nav_right .year .trright li{ padding-bottom:4px;}

/* Scroll Year Styles */
.scrollyear ul li { background:#f1f1f1;}
.scrollyear{width:630px; background:#f1f1f1;  height:39px; border-top:1px dotted #656565;  border-bottom:1px dotted #656565;margin:0 auto; overflow:hidden}
.scrollyear .wrapper {width: 565px;  overflow: hidden; height:39px; position:relative; float:left}
.scrollyear .wrapper ul {width: 9999px; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; position:absolute; left:0}
.scrollyear ul li {display:block; float:left; height: 39px; width: 40px; text-align:right; line-height:40px;}
.scrollyear ul li a:hover{color:#ff6800; text-decoration:underline}
.scrollyear .left {cursor:pointer; display:block; margin:7px 5px 0 11px; float:left}
.scrollyear .right {cursor:pointer; display:block; margin:7px 0 0 5px; float:left}

/* ====================
   Slider
   ==================== */
.silder {
    width: 100%;
    height: 429px;
    overflow: hidden;
    text-align: center;
    margin: 0 auto;
    position: relative;
    float: left;
}

.silder .silder_list {
    height: 429px;
    overflow: hidden;
    position: relative;
}

.silder .silder_list a {
    position: absolute;
    top: 0;
    left: 0;
}

.silder .silder_list a,
.silder .silder_list img {
    display: inline-block;
    float: left;
    width: 1000px;
    height: 429px;
    border-radius: 10px;
}

.silder .silder_page {
    height: 30px;
    text-align: right;
    margin: 0 auto;
    right: 1px;
    overflow: hidden;
    position: absolute;
    top: 0px;
    width: 200px;
    padding-top: 13px;
    z-index: 99;
}

.silder .silder_page li {
    float: left;
    width: 14px;
    height: 14px;
    background: #FFFFFF;
    border: 2px solid #C70B31;
    opacity: 1.0;
    border-radius: 10px;
    margin-left: 10px;
    cursor: pointer;
    font-size: 0;
}

.silder .silder_page li.current {
    background: #C70B31;
    border: 2px solid #FFFFFF;
    opacity: 1;
    transform: scale(1.0);
    font-size: 0;
}

.silder_desc {
    color: #fff;
    float: left;
    line-height: 30px;
    height: 30px;
    width: 100%;
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: left;
    text-indent: 10px;
}

/* ====================
   Content Boxes
   ==================== */
.box_490 {
    width: 490px;
    float: left;
    padding-top: 15px;
    padding-bottom: 20px;
}

.box_490 .more {
  float: right;
}

.box_490 .more a{
    color: #ff6503 ;
    font-size: 16px ;
    text-decoration: none ;
}
.box_490 .more a:hover{
    color: #ff6503 ;
}

.box_490 .title_txt {
    color: #ff6503;
    font-size: 22px;
    font-weight: bold;
    font-family: 'Microsoft YaHei', Arial, sans-serif;
}

.box_490 .title_txt_en {
    color: #666;
    font-size: 14px;
    font-weight: normal;
    font-family: Verdana, Tahoma, Arial, Georgia;
    padding-left: 10px;
}

.box_490 .list_box {
    padding-top: 15px;
    float: left;
}

.box_490 .list_box ul {
    float: left;
    padding-bottom: 10px;
}

.box_490 .list_box ul li {
    float: left;
    width: 470px;
    padding-left: 20px;
    line-height: 36px;
    background: url('../images/ico.gif') no-repeat 5px 13px;
    font-size: 16px;
}

.box_490 .list_box ul li a {
    color: #333 !important;
    display: block;
    width: 350px;
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 16px !important;
    text-decoration: none !important;
}

.box_490 .list_box ul li a:hover {
    color: #ff6503 !important;
}

.box_490 .list_box ul li span {
    float: right;
    display: block;
    color: #999;
}

.box_480 {
    width: 480px;
    float: left;
    padding-top: 15px;
    padding-bottom: 20px;
}

.box_480 .title_txt {
    color: #ff6503;
    font-size: 22px;
    font-weight: bold;
    font-family: 'Microsoft YaHei', Arial, sans-serif;
}

.box_480 .title_txt_en {
    color: #666;
    font-size: 14px;
    font-weight: normal;
    font-family: Verdana, Tahoma, Arial, Georgia;
    padding-left: 10px;
}

.box_480 .list_box {
    padding-top: 15px;
    float: left;
}

.box_480 .list_box ul {
    float: left;
    padding-bottom: 10px;
}

.box_480 .list_box ul li {
    float: left;
    width: 460px;
    padding-left: 20px;
    line-height: 36px;
    background: url('../images/ico.gif') no-repeat 5px 13px;
    font-size: 16px;
}

.box_480 .list_box ul li a {
    color: #333 !important;
    display: block;
    width: 340px;
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 16px !important;
    text-decoration: none !important;
}

.box_480 .list_box ul li a:hover {
    color: #ff6503 !important;
}

.box_480 .list_box ul li span {
    float: right;
    display: block;
    color: #999;
}

.box_480 .list_box .more a{
  float: right;
}
.more a:hover{
  color: inherit;
}

/* ====================
   Bottom Section
   ==================== */
.bottom_box {
    width: 1000px;
    margin: 0 auto;
    background-color: #eee;
    padding-top: 40px;
    padding-bottom: 40px;
    box-sizing: border-box;
    clear: both;
    color: #333;
}

.bottom_menu_box {
    padding-left: 100px;
    float: left;
    color: #333;
}

.bottom_menu_box .title {
    border-bottom: 2px solid #bbbbbb;
    font-size: 22px;
    float: left;
}

.bottom_menu_box .title:hover a{
  color: #666;
}

.bottom_menu_box .title span {
    border-bottom: 2px solid #ff6503;
}

.bottom_menu_box ul {
    float: left;
    padding-top: 10px;
}

.bottom_menu_box ul li {
    line-height: 200%;
    font-size: 14px;
    color: #333;
}

.bottom_menu_box ul li a {
    color: #333;
}

.bottom_info {
    width: 100%;
    box-sizing: border-box;
    border-top: 1px solid #bbbbbb;
    margin-top: 30px;
    text-align: center;
    padding-top: 30px;
    font-size: 14px;
    line-height: 200%;
}

.bottom_info a {
    padding-left: 20px;
    color: #333333;
    margin-right: 20px;
}

.beian {
    background: url('../images/beianicon.png') no-repeat left 3px;
    height: 24px;
    line-height: 20px;
    text-decoration: none;
    display: inline-block;
}

/* ====================
   Menu
   ==================== */
#menu {
    width: 100px;
    padding-left: 10px;
}

#menu li {
    padding: 1px;
    margin: 0;
}

#menu .list {
    width: 100px;
    padding-left: 15px;
    margin-left: 8px;
    color: #313131;
    background: url('../images/contact_18.gif') no-repeat;
    margin-top: 10px;
    font-size: 13px;
    letter-spacing: 0.1em;
}

#menu .list a {
    color: #313131;
}

#menu .list a:hover {
    color: #ff6600;
}

#menu .ors {
    width: 100px;
    margin-left: 20px;
    padding-left: 10px;
    color: #333;
    background: url('../images/ico.gif') no-repeat;
    margin-top: 10px;
    font-size: 12px;
    letter-spacing: 0.1em;
}

#menu .ors a {
    color: #333;
}

#menu .ors a:hover {
    color: #ff6600;
}

/* ====================
   Background Colors
   ==================== */
.odd {
    background: #fff;
}

.even {
    background: #fff;
}

.gh {
    background: #f5f5f5;
}

/* ====================
   Utility Classes
   ==================== */
.class1 {
    color: #fe6700;
}

.class12 {
    font-weight: bold;
    color: #fd6300;
    margin-left: 6px;
    margin-bottom: 5px;
    display: block;
    line-height: 20px;
}

.class13 {
    display: block;
    margin-bottom: 4px;
}

.class14 {
    margin-right: 6px;
    position: relative;
    top: 4px;
    *top: 2px;
    float: left;
}

/* ====================
   Contact Us Page Layout
   ==================== */
#main {
    width: 980px;
    margin: 0 auto;
    padding: 0;
    position: relative;
    clear: both;
}

#main .header .language {
    width: 180px;
    margin: 0;
    padding: 0;
    text-align: right;
    padding-top: 20px;
    font-size: 12px;
    display: inline;
    float: right;
}

#main .header .language li {
    float: left;
    text-align: right;
    padding-left: 5px;
    color: #c5c5c5;
    margin: 0;
}

#main .header .language a {
    font-size: 12px;
    color: #c5c5c5;
}

#main .header .language .icon {
    padding-top: 2px;
    padding-left: 2px;
    font-size: 12px;
    padding-right: 2px;
    color: #c5c5c5;
    margin: 0;
    float: left;
}

#main .header .language .icon a:hover {
    font-size: 12px;
    color: #ffb533;
}

#main .header .language .icons {
    padding-left: 2px;
    font-size: 12px;
    padding-right: 3px;
    color: #c5c5c5;
    margin: 0;
    float: left;
}

.top {
    width: 980px;
    height: 250px;
    position: relative;
    margin: 0 auto;
    padding: 0;
    clear: both;
}

#main #nav {
    width: 980px;
    margin: 0 auto;
    padding: 0;
    position: relative;
    top: -30px;
    clear: both;
}

#main #nav #left {
    width: 204px;
    margin: 0;
    padding-left: 12px;
    float: left;
}

#main #nav #right {
    width: 764px;
    margin: 0;
    padding: 0;
    float: right;
}

#main #nav #right .point {
    width: 746px;
    margin: 0;
    font-size: 12px;
    color: #999;
    padding-left: 10px;
    padding-top: 15px;
}

#main #nav #right .point a {
    font-size: 12px;
    color: #999;
}

#main #nav #right .nav_right {
    width: 746px;
    margin: 0;
    padding: 9px;
    background: url('../images/contact_bg.gif') no-repeat;
}

#main #nav #right .nav_right .more {
    width: 687px;
    height: 30px;
    background: url('../images/contact_01.gif') no-repeat bottom;
    margin: 0 auto;
    padding-top: 10px;
    box-sizing: content-box;
}

#main #nav #right .nav_right .more .m_left {
    width: 130px;
    float: left;
    margin: 0;
}

#main #nav #right .nav_right .more .m_right {
    width: 50px;
    float: right;
    margin: 0;
    font-size: 12px;
    color: #999;
    padding-top: 8px;
}

#main #nav #right .nav_right .mores {
    width: 687px;
    margin: 0 auto;
    text-align: right;
    padding: 5px 0 10px 0;
}

#main #nav #right .nav_right .mores .slet {
    font-size: 12px;
    color: #999;
    background: #f5f5f5;
    border: 1px solid #9c9c9c;
    width: 120px;
}

#main #nav #right .nav_right .contact {
    width: 620px;
    margin: 0 auto;
    padding: 0;
}

/* Contact List Styles */
#main #nav #right .nav_right .contact .contact_list {
    margin: 0;
    padding-top: 16px;
}

#main #nav #right .nav_right .contact .contact_list li {
    margin-bottom: 20px;
    line-height: 20px;
}

#main #nav #right .nav_right .contact .contact_list li .contact_list_icon {
    background: url('../images/contact_icon_notices.gif') no-repeat;
    width: 4px;
    height: 7px;
    margin: 6px 5px 0px 0px;
    float: left;
}

#main #nav #right .nav_right .contact .contact_list li .rightcontent {
    margin: 0px;
    width: 650px;
    float: right;
    text-align: left;
}

/* Sitemap Styles */
#main #nav #right .nav_right .contact .sitemap_list {
    margin: 0 auto;
    padding: 20px 0px;
}

#main #nav #right .nav_right .contact .sitemap_list li {
    list-style: none;
    margin: 0;
}

#main #nav #right .nav_right .contact .sitemap_list .leftbox {
    width: 312px;
    float: left;
}

#main #nav #right .nav_right .contact .sitemap_list .rightbox {
    float: right;
}

#main #nav #right .nav_right .contact .sitemap_list .sitemap_icon,
#main #nav #right .nav_right .contact .sitemap_list2 .sitemap_icon {
    margin-right: 8px;
}

#main #nav #right .nav_right .contact .sitemap_list .sitemap_bt {
    font: 14px;
    font-weight: bold;
    color: #ff6503;
    padding-bottom: 10px;
    display: block;
}

#main #nav #right .nav_right .contact .sitemap_list2 {
    padding: 16px 0px;
    border-top: 1px dotted #999;
    margin: 0 auto;
    text-align: center;
    margin-top: 16px;
    padding-left: 162px;
}

#main #nav #right .nav_right .contact .sitemap_list2 li {
    margin: 0 auto;
    float: left;
    width: 100px;
}

#main #nav #right .nav_right .contact .sitemap_list .leftbox a:hover {
    color: #FD6300;
}

#main #nav #right .nav_right .contact .sitemap_list .rightbox a:hover {
    color: #FD6300;
}

#main #nav #right .nav_right .contact .sitemap_list2 li a:hover {
    color: #FD6300;
}

#main #nav #right .nav_right .contact .c_left {
    width: 210px;
    margin: 0;
    float: left;
}

#main #nav #right .nav_right .contact .c_right {
    width: 370px;
    margin: 0;
    padding-left: 40px;
    font-size: 12px;
    color: #666;
    float: right;
}

#main #nav #right .nav_right .contact .c_right .add {
    width: 370px;
    line-height: 20px;
    border-bottom: 1px dashed #666;
    margin: 0;
}

#main #nav #right .nav_right .contact .c_right .c_name {
    font-size: 14px;
    color: #ff6600;
}

#main #nav #right .nav_right .contact .c_right .service {
    width: 370px;
    padding-top: 20px;
    line-height: 20px;
    margin: 0;
}

#main #nav #right .nav_right .contact .c_right .service li {
    width: 350px;
    margin: 0;
    padding: 0;
}

#main #nav #right .nav_right .contact .c_right .service li a {
    color: #FF6600;
}

#main #nav #right .nav_right .contact .c_right .service li a:hover {
    text-decoration: underline;
}

#main #nav #right .nav_right .contact .c_right .ser {
    float: left;
    margin: 0;
    padding-top: 4px;
    padding-right: 10px;
}

/* Leftbar Menu Styles */
#menu .leftbarmenu .message_list {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 150px;
}

#menu .leftbarmenu .message_list li {
    padding: 0;
    margin: 0;
    background-color: #fff;
}

#menu .leftbarmenu .message_list li a {
    text-decoration: none;
    color: #000;
}

#menu .leftbarmenu .message_list li a:hover {
    color: #FF6600;
}

#menu .leftbarmenu .ts {
    width: 150px;
    height: 56px;
    border: 1px dashed #cfcfcf;
    margin: 7px auto;
}

#menu .leftbarmenu .message_head {
    padding: 10px;
    padding-top: 4px;
    cursor: pointer;
    position: relative;
    background-color: #fff;
    margin: 0px;
    margin-bottom: 1px;
    background: url('../images/contact_02.gif') no-repeat bottom left;
}

#menu .leftbarmenu .message_head2 {
    margin: 0px;
    background: url('../images/contact_02.gif') no-repeat bottom left;
    display: block;
    padding: 4px 0px 10px 9px;
}

#menu .leftbarmenu .message_head .timestamp {
    color: #000;
    font-size: 13px;
    position: absolute;
    left: 30px;
    top: 5px;
}

#menu .leftbarmenu .message_head cite {
    font-size: 1.0em;
    font-weight: normal;
    font-style: normal;
    display: block;
    height: 15px;
    background: #fff;
    color: #000;
    font-weight: bold;
    margin-bottom: 6px;
}

#menu .leftbarmenu .message_list .icon1 {
    margin-right: 8px;
}

#menu .leftbarmenu .message_list .icon2 {
    margin-right: 8px;
    margin-bottom: 3px;
}

#menu .leftbarmenu .message_body {
    padding: 5px 5px 15px 20px;
    font-size: 13px;
    line-height: 1.0em;
    margin-left: 0px;
    background: url('../images/contact_02.gif') no-repeat bottom left;
}

/* Other Utility Classes */
.otherLinks {
    margin: 10px 0px 0px 15px;
    line-height: 20px;
}

.otherLinks p {
    font-weight: bold;
    margin-bottom: 5px;
}

.otherLinks li {
    list-style-type: none;
}

.otherLinks li a {
    margin-left: 8px;
}

.otherLinks li a:hover {
    text-decoration: underline;
    color: #FD6300;
}

/* ====================
   Stock Page Styles
   ==================== */
#main #nav #left .pdf {
    width: 170px;
    height: 60px;
    background: url('../images/investor_cbg.gif') no-repeat;
    margin: 0;
    font-size: 12px;
    color: #918c8c;
    padding: 15px 0 0 20px;
}

#main #nav #right .nav_right .year {
    width: 680px;
    margin: 0 auto;
    padding-top: 10px;
    border-bottom: 1px dotted #8e8e8e;
}

#main #nav #right .nav_right .year .stock_list li {
    padding: 8px 10px 8px 10px;
    border-bottom: 1px dotted #cecece;
    margin-bottom: 0px;
    *margin-top: 0px !important;
    text-align: center;
}

#main #nav #right .nav_right .year .stock_list tr td {
    border-bottom: 1px dotted #a7a7a7;
}

#main #nav #right .nav_right .year .stock_list td {
    height: 50px;
    line-height: 20px;
}

.leftbarmenu {
    padding-right: 0px;
    padding-left: 7px;
    padding-bottom: 30px;
    width: 180px;
    padding-top: 15px;
}

.message_list_biz {
    margin-bottom: 30px;
}

.message_list_biz li {
    background: url('../images/biz_icon_1.png') left 2px no-repeat;
    line-height: 15px;
    padding-left: 15px;
    font-weight: bold;
    padding-bottom: 10px;
    font-family: Verdana, Tahoma, Arial, Georgia;
    color: #000;
}

/* English specific overrides for investor center sidebar titles */
.lang-en .message_list_biz li {
    font-size: 12px !important;
}

.message_list_biz li a {
    color: #000;
    font-family: Verdana, Tahoma, Arial, Georgia;
}

.message_list_biz li:hover,
.message_list_biz li a:hover {
    color: #FF6648;
}

.message_list_biz li.on,
.message_list_biz li.on a {
    color: #FF6648;
}

.message_list_biz li .massage_biz {
    padding-top: 10px;
    margin-left: -15px;
}

.message_list_biz li .massage_biz p {
    padding-bottom: 10px;
    font-size: 9px;
    font-weight: lighter;
    color: #000;
}

.message_list_biz li .massage_biz p.off a {
    color: #000;
}

.message_list_biz li .massage_biz p.off a:hover {
    color: #FF6648;
}

ul.governance {
    display: block;
}

ul.governance li {
    line-height: 200%;
    margin-bottom: 20px;
}

ul.governance li a {
    color: #FF6648;
    display: block;
    margin-top: 10px;
}

.tit_bg {
    height: 46px;
    line-height: 46px;
    width: 100%;
    background: url('../images/20240528_tit_bg.png') no-repeat bottom left;
    padding-left: 20px;
    font-size: 22px;
    color: #666;
    margin-top: 20px;
}

.pdf_box {
    margin-bottom: 30px;
    margin-top: 20px;
    width: 100%;
    float: left;
}

.pdf_box .img_box {
    float: left;
    width: 335px;
    display: block;
}

.pdf_box .img_box img {
    border: #ddd solid 1px;
    width: 318px;
}

.pdf_box .txt_box {
    float: left;
    display: block;
    width: 345px;
}

.pdf_box .txt_box p {
    line-height: 200%;
    font-size: 14px;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 6;
}

.video_box {
    width: 680px;
    overflow: hidden;
    margin-bottom: 10px;
    margin-top: 20px;
    float: left;
}

.video_box ul {
    width: 680px;
}

.video_box li {
    width: 320px;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 20px;
    float: left;
}

.video_box li img {
    width: 318px;
    border: #ddd solid 1px;
}

#main #nav #left .pdf {
    width: 170px;
    height: 60px;
    background: url('../images/investor_cbg.gif') no-repeat;
    margin: 0;
    font-size: 12px;
    color: #918c8c;
    padding: 15px 0 0 20px;
}

/* ====================
   Announcement Page Styles
   ==================== */
#main #nav #right .nav_right .fonta {
    width: 250px;
    overflow: hidden;
}

#main #nav #right .nav_right .fonta .class_bt1 {
    color: #FF6600;
}

#main #nav #right .nav_right .fonta a {
    font-size: 12px;
    color: #666666;
}

#main #nav #right .nav_right .fonta a:hover {
    font-size: 12px;
    color: #FF6648;
}

#main #nav #right .nav_right .year .investor_list li {
    padding: 15px 10px 6px 10px;
    border-bottom: 1px dotted #cecece;
    margin-bottom: 0px;
    height: 24px;
    *margin-top: 0px !important;
}

#main #nav #right .nav_right .year .investor_list a {
}

#main #nav #right .nav_right .year .investor_list li:hover {
    background: #f1f1f1;
}

#main #nav #right .nav_right .year #pages {
    list-style: none;
    height: 14px;
    margin: 0 auto;
    width: 340px;
}

#main #nav #right .nav_right .year #pages li {
    float: left;
    margin-right: 5px;
}

#main #nav #right .nav_right .year #pages li.news_homepage a,
#main #nav #right .nav_right .year #pages li.news_prepage a,
#main #nav #right .nav_right .year #pages li.news_nextpage a,
#main #nav #right .nav_right .year #pages li.news_lastpage a {
    display: block;
    background-image: url('../images/trends_page_btn01.jpg');
    background-repeat: no-repeat;
    overflow: hidden;
    height: 14px;
    width: 39px;
}

#main #nav #right .nav_right .year #pages li.news_homepage a:hover,
#main #nav #right .nav_right .year #pages li.news_prepage a:hover,
#main #nav #right .nav_right .year #pages li.news_nextpage a:hover,
#main #nav #right .nav_right .year #pages li.news_lastpage a:hover {
    background-image: url('../images/trends_page_btn01.jpg');
    background-position: bottom;
}

#main #nav #right .nav_right .year #pages li.news_homepage a:hover,
#main #nav #right .nav_right .year #pages li.crnews_homepage {
    background-position: 0 -14px;
}

#main #nav #right .nav_right .year #pages li.news_prepage a {
    width: 45px;
    background-position: -40px 0;
}

#main #nav #right .nav_right .year #pages li.news_prepage a:hover,
#main #nav #right .nav_right .year #pages li.crnews_prepage {
    background-position: -40px -14px;
}

#main #nav #right .nav_right .year #pages li.news_nextpage a {
    width: 45px;
    background-position: -86px 0;
}

#main #nav #right .nav_right .year #pages li.news_nextpage a:hover,
#main #nav #right .nav_right .year #pages li.crnews_nextpage {
    background-position: -86px -14px;
}

#main #nav #right .nav_right .year #pages li.news_lastpage a {
    width: 39px;
    background-position: -132px 0;
}

#main #nav #right .nav_right .year #pages li.news_lastpage a:hover,
#main #nav #right .nav_right .year #pages li.crnews_lastpage {
    background-position: -132px -14px;
}

#main #nav #right .nav_right .year #pages li.news_homepage_en a,
#main #nav #right .nav_right .year #pages li.news_prepage_en a,
#main #nav #right .nav_right .year #pages li.news_nextpage_en a,
#main #nav #right .nav_right .year #pages li.news_lastpage_en a {
    display: block;
    background-image: url('../images/en_trends_page_btn01.gif');
    background-repeat: no-repeat;
    overflow: hidden;
    height: 14px;
    width: 39px;
}

#main #nav #right .nav_right .year #pages li.news_homepage_en a:hover,
#main #nav #right .nav_right .year #pages li.news_prepage_en a:hover,
#main #nav #right .nav_right .year #pages li.news_nextpage_en a:hover,
#main #nav #right .nav_right .year #pages li.news_lastpage_en a:hover {
    background-image: url('../images/en_trends_page_btn01.gif');
    background-position: bottom;
}

#main #nav #right .nav_right .year #pages li.news_homepage_en a:hover,
#main #nav #right .nav_right .year #pages li.crnews_homepage_en {
    background-position: 0 -14px;
}

#main #nav #right .nav_right .year #pages li.news_prepage_en a {
    width: 45px;
    background-position: -40px 0;
}

#main #nav #right .nav_right .year #pages li.news_prepage_en a:hover,
#main #nav #right .nav_right .year #pages li.crnews_prepage_en {
    background-position: -40px -14px;
}

#main #nav #right .nav_right .year #pages li.news_nextpage_en a {
    width: 45px;
    background-position: -86px 0;
}

#main #nav #right .nav_right .year #pages li.news_nextpage_en a:hover,
#main #nav #right .nav_right .year #pages li.crnews_nextpage_en {
    background-position: -86px -14px;
}

#main #nav #right .nav_right .year #pages li.news_lastpage_en a {
    width: 39px;
    background-position: -132px 0;
}

#main #nav #right .nav_right .year #pages li.news_lastpage_en a:hover,
#main #nav #right .nav_right .year #pages li.crnews_lastpage_en {
    background-position: -132px -14px;
}

.top_box {
    width:980px;
    height: 204px;
    background: url('../images/banner_bg_01.jpg') no-repeat left top;
}

.headerMenu{
    width:980px;
    background: url('../images/logo.jpg') no-repeat left -6px;
    float: left;
    padding-top: 10px;
}

.padder {
    float: right;
}

.mainNav{
    height:38px;
    text-align:right;
}

.headerMenu .padder .nav .mainNav a:link,
.headerMenu .padder .nav .mainNav a:visited,
.headerMenu .padder .nav .mainNav a:active{
    height:38px;
    display:inline-block;
    text-align:center;
    color:#ff6503;
    font-size: 18px;
    line-height:36px;
    padding-left:50px;
    text-decoration:none;
    font-family: "Microsoft YaHei";
    font-weight: bold;
}

.headerMenu .padder .nav .mainNav a:hover{
    text-decoration:none;
    font-size:18px;
    padding-left:50px;
    height:38px;
    font-family: "Microsoft YaHei";
    font-weight: bold;
}

.headerMenu .padder .nav .mainNav a.actived:link,
.headerMenu .padder .nav .mainNav a.actived:visited,
.headerMenu .padder .nav .mainNav a.actived:hover,
.headerMenu .padder .nav .mainNav a.actived:active{
    color: #ff6503;
    font-family: "Microsoft YaHei";
    font-weight: bold;
}

.headerMenu .padder .secondNav{
    line-height:26px;
    text-align:left;
    color:#C34501;
    margin-top:5px;
    float: right;
    text-decoration:none;
}

.headerMenu .padder .secondNav a{
    color:#FFFFFF;
    display:inline-block;
    padding:0 8px;
    text-decoration:none;
    font-size: 14px;
}

.headerMenu .padder .secondNav a.actived{
    font-weight:normal;
    text-decoration:none;
}

.headerMenu .padder .secondNav .subNav1,
.headerMenu .padder .secondNav .subNav2,
.headerMenu .padder .secondNav .subNav3,
.headerMenu .padder .secondNav .subNav4{
    background-color:#ff9934;
    float: left;
    border-radius: 15px;
    padding: 0 15px;
}

.headerMenu .padder .secondNav .subNav1{
    margin-right: 364px;
    display:none;
}

.headerMenu .padder .secondNav .subNav2{
    margin-right: 152px;
    display:none;
}

.headerMenu .padder .secondNav .subNav3{
    display:none;
}

.headerMenu .padder .secondNav .subNav4{
    display:none;
}

.navLaftBg,
.navRightBg {
    display: block;
}

/* introduction styles */
#main #nav #right .nav_right .year .introduction { width:650px; padding-left:10px; margin:0; line-height:20px;}
#main #nav #right .nav_right .year .introduction li{ padding-bottom:4px; border-bottom:1px dotted #cecece; padding:15px 0px; margin-bottom:5px; *margin-top:10px !important;}
#main #nav #right .nav_right .year .introduction li #leftbox1 { width:152px; float:left; margin:0px;}
#main #nav #right .nav_right .year .introduction li #rightbox1 { width:490px; margin:0px; float:right;}
#main #nav #right .nav_right .year .introduction li #leftbox2 { width:490px; float:left; margin:0px;}
#main #nav #right .nav_right .year .introduction li #rightbox2 { width:152px;; margin:0px; float:right;}

#main #nav #right .nav_right .year .newslist{ width:650px; padding-left:10px; margin:0; line-height:20px;}
#main #nav #right .nav_right .year .newslist li{ padding-top:5px; padding-bottom:5px; border-bottom:1px dotted #cecece; padding-left:30px; padding-right:30px; margin:0px; *margin-top:0px !important;}
#main #nav #right .nav_right .year .newslist li.gh { background: #f5f5f5; }

#main #nav #right .nav_right .year .newslist2{ width:680px; padding:0px; margin:0; line-height:20px;}
#main #nav #right .nav_right .year .newslist2 li{ padding-bottom:0px; border-bottom:1px dotted #999999; padding-left:0px; padding-right:0px; padding-top:10px; padding-bottom:10px; *padding-top:0px !important; _padding-top:0px; *padding-bottom:0px !important; _padding-bottom:0px;}
#main #nav #right .nav_right .year .newslist2 .class_list{ padding-bottom:10px; padding-top:10px; border-bottom:1px dotted #999999; padding-left:0px; padding-right:0px; *padding-top:0px !important; _padding-top:0px; *padding-bottom:20px !important; _padding-bottom:20px; }
#main #nav #right .nav_right .year .newslist2 li ul { list-style:none; margin:0 auto; border:none; padding:7px 0px;}
#main #nav #right .nav_right .year .newslist2 li ul li { float:left; margin-right:10px; line-height:20px; border:none; padding-top:0px;}
#main #nav #right .nav_right .year .newslist2 li ul li .imgclass {margin-right:10px; position:relative; top:-2px;}
#main #nav #right .nav_right .year .newslist2 li ul li.class1 { background:url(../images/trends_icon_img01.gif) no-repeat top; width:62px; height:62px; text-align:center; border:0; font-weight:bold; color:#fff; line-height:16px; padding-top:13px;}
#main #nav #right .nav_right .year .newslist2 li ul li a { color:#ff6600; font-weight:bold; font-size:13px;}
#main #nav #right .nav_right .year .newslist2 li ul li a:hover { color:#ff0000;}
#main #nav #right .nav_right .year .newslist2 li ul li .class2 { font-size:18px;}
.imgclass1 { border:3px solid #cccccc;}
#main #nav #right .nav_right .year .newslist2 li ul li .bt { color:#fe9901; font-weight:bold; font-size:13px;}
#main #nav #right .nav_right .year .newslist2 li ul li .xq { float:right; *margin-bottom:8px;}
#main #nav #right .nav_right .year .newslist2 li ul .select { background:url(../images/trends_icon_img02.gif) no-repeat top; width:62px; height:62px; text-align:center; border:0; font-weight:bold; padding-top:14px; color:#fff; line-height:16px; color:#fff;}

#main #nav #right .nav_right .select { width:680px; margin:0 auto; line-height:20px; border-bottom:1px dotted #cccccc; padding-bottom:14px;}
#main #nav #right .nav_right .select #select_left { background:url(../images/trends_icon_img03.gif) no-repeat top; width:62px; height:62px; text-align:center; border:0; font-weight:bold; padding-top:14px; color:#fff; line-height:16px; margin:10px 10px 0px 10px; float:left;}
#main #nav #right .nav_right .select #select_right { padding:10px 0px 10px 0px;}
#main #nav #right .nav_right .select #select_right li{ list-style:none;}
#main #nav #right .nav_right .select #select_right li .bt { color:#ff6600; font-weight:bold; font-size:13px;}
#main #nav #right .nav_right .select #select_right li .bt a { color:#ff6600; font-weight:bold; font-size:13px;}
#main #nav #right .nav_right .select #select_right li .bt a:hover { color:#ff0000;}
#main #nav #right .nav_right .select #select_right li .more1 { color:#ff6600; font-size:12px;}
#main #nav #right .nav_right .select #select_right li .more1 a { color:#666666; font-size:12px;}
#main #nav #right .nav_right .select #select_right li .more1 a:hover { color:#ff0000;}
#main #nav #right .nav_right .select #select_right .class3 {padding-left:80px; *padding-left:70px !important; padding-top:2px; clear:both; width:583px;}
#main #nav #right .nav_right .year .class4 { color:#ff6600; font-weight:bold; font-size:13px;}
#main #nav #right .nav_right .year .newslist2 li ul li.class4 { background:url(../images/trends_icon_img02.gif) no-repeat top; width:62px; height:62px; text-align:center; border:0; font-weight:bold; color:#fff; line-height:16px;}
#main #nav #right .nav_right .year .newslist2 li ul li.class4 span.class_icon {position:relative; top:14px;}

/* Small Footer */
#footer {
    width: 980px;
    height: 29px;
    background: url('../images/bottom.jpg') no-repeat right;
    margin: 0 auto;
}
#footer .copyright {
    padding-left: 112px;
    font: verdana;
    font-size: 11px;
    color: #666666;
    padding-top: 7px;
    float: left;
}
#footer .company {
    color: #ffffff;
    padding-right: 20px;
    font-size: 12px;
    padding-top: 6px;
    font: verdana;
    float: right;
}
#footer .company a {
    color: #ffffff;
}