@charset "utf-8";

.button {height:48px;line-height:48px;color:#ffffff;display:inline-block;padding-left:22px; background:#4360a2;}
.button span {height:48px;line-height:48px;display:inline-block;padding:0 22px 0 0;background:#4360a2; font-size:14px; color:#fff; font-weight:bold;}

.body{ font-family:Arial, Helvetica, sans-serif; font-size:14px; font-family:Tahoma, Geneva, sans-serif; background:#fff;}
.left{ float:left;}
.right{ float:right;}
.inner{ width:1010px; margin:0 auto;}
.header{ width:100%; background:url(../images/bg.png); height:86px; position:relative; z-index:9999;}
.logo{ float:left; padding:20px 0 0 0;}
.header_right{ float:right;}
.language{ float:right; width:70px; line-height:20px; position:relative;}
.language a.active{color: #ffffff;}
.language span{ display:inline-block; width:36px; font-size:14px; background:url(../images/arrow_lang.png) no-repeat 34px center #fff; padding:0 4px 0 6px;}
.language span a,.language span a:hover{ color:#43c5f6;}
.lang_list{ position:absolute; left:-1px; top:20px; border:1px solid #CCC; border-top:0px;  background:#fff; }
.lang_list li{ float:left; width:100%; font-size:14px;}
.lang_list li a{ background:#FFF; color:#000; display:block; padding:0 0 0 6px;}
.lang_list li a:hover{ background:#CCC; color:#fff;  display:block; padding:0 0 0 6px;}
.menu{ float:right; width:100%; font-size:15px; padding:23px 0 0 0;}
.menu ul{ float:left;}
.menu ul li{ float:left;padding: 0 0px 0 90px;}
.menu ul li a{ display:inline-block; padding:0 0 22px 0; color:#343333;} 
.menu ul li a:hover{display:inline-block; padding:0 0 18px 0; color:#fff; background:url(../images/menu_active.png) no-repeat center 36px; border-bottom:3px solid #fff;}
.menu ul li a.active,.menu ul li a.active:hover{display:inline-block; padding:0 0 18px 0; color:#fff; background:url(../images/menu_active.png) no-repeat center 36px; border-bottom:3px solid #fff;}

.warpper_slideshow{ width:100%; /* margin:-86px 0 0 0; */margin:-1px 0 0 0;  position:relative; z-index:1px;}
.inner_slideshow{ width:990px; margin:-330px auto 0; z-index:9999; position:relative; height:325px;}
.slideshow_text{ /*background:url(../images/slideshow_text_bg.png);*/ width:220px; height:224px; position:absolute; left:50px; top:0px; padding:46px 0 0 30px;}
.slideshow_text h2{ font-size:40px; color:#4f5557; padding:0 0 23px 0;}
.slideshow_text p{ font-size:18px; font-weight:bold; color:#4f5557; line-height:30px;}
#kinMaxShow .kinMaxShow_button{ z-index:99999;}

.home_content{ width:100%; background:url(../images/home_company_bg.png) repeat-x;}
.home_company{ padding:0 20px; width:100%; text-align:center; margin:20px 0 0 0; min-height:200px;}
.home_company span{ color:#43c5f6; font-size:30px; font-family:Century Gothic; padding:0 56px; line-height:72px; display:inline-block; margin:0 auto; border-bottom:1px solid #ccccce; margin:0 0 23px 0;}
.home_company p{ font-size:14px; color:#545454; font-family:Century Gothic; text-align:left; line-height:28px; text-align:justify;}
.home_bar{ padding:42px 0 46px 0; margin:36px 0 0 0;}
.bar_bg01{ position:relative; width:470px; height:160px; background:#d6d6d6; margin:12px 0 0 14px;}
.bar_bg01 img{ position:absolute; left:-14px; top:-15px;}
.bar_bg02{ position:relative; width:470px; height:160px; background:#d6d6d6; margin:12px 14px 0 0 ;}
.bar_bg02 img{ position:absolute; right:-14px; top:-15px;}

.footer{ width:100%; background:#51c3ee; height:120px;}
.f_menu{ float:right; font-size:12px; padding:25px 0 0 0;}
.f_menu li{ float:left; color:#343333; margin:0 0 0 30px;}
.f_menu li a{ color:#343333;}
.f_menu li a:hover{ color:#fff;}
.copyright{ float:right; color:#fff; padding:18px 0 0 0;}

/* company profile */
.banner_text{ font-size:50px; color:#fff; font-weight:bold; padding:211px 0 0 0; text-transform:uppercase;}
.navigation{ line-height:40px; width:100%; background:#f6f6f6; color:#535353;}
.navigation a,.navigation a:hover{ color:#535353; font-size:12px;}
.navigation p{ padding:0 0 0 3px;}
.content{ width:100%;}
.m_title{ text-align:center;}
.m_title h1{ font-weight:normal; font-size:30px; color:#43c5f6; display:inline-block; padding:12px 58px 12px 58px; font-family:Century Gothic; border-bottom:1px solid #ccccce; line-height:40px;}
.m_info{ text-align:justify; padding:28px 4px 40px 0; min-height:400px;}
.m_info.hasm p{  font-size:16px; color:#545454; line-height:30px; margin-bottom:12px; }

/* corporation governance */
.g_content{ padding:10px 0 38px 166px; overflow:hidden; min-height:100px;}
.g_content > ul > li{ float:left; width:666px; margin:0 0 1px 0;}
.g_content > ul > li > a{ display:block; width:618px; font-size:16px; background:url(../images/c_left.png) no-repeat 610px center #5ac6ef; height:54px;  padding:0 0 0 48px; line-height:54px; color:#FFF;}
.g_content > ul > li.active > a{ background:url(../images/c_down.png) no-repeat 610px center #5ac6ef;}
.g_content > ul > li ul.g_sub{ display:none;}
.g_content > ul > li ul.g_sub > li { float:left; width:666px; margin:0 0 1px 0;}
.g_content > ul > li ul.g_sub > li >a{ display:block; width:576px; font-size:16px; background:url(../images/add.png) no-repeat 610px center #eceaea; height:54px;  padding:0 0 0 90px; line-height:54px; color:#000; }
.g_content > ul > li ul.g_sub > li >a.active{ background:url(../images/plus.png) no-repeat 610px center #eceaea;}
.g_content > ul > li ul.g_sub_list{ display:none;}
.g_content > ul > li ul.g_sub_list > li { float:left; width:666px; margin:0 0 1px 0;}
.g_content > ul > li ul.g_sub_list > li >a{ display:block; width:576px; font-size:16px; background: #eceaea; height:54px;  padding:0 0 0 90px; line-height:54px; color:#000; }
.g_content > ul > li ul.g_sub_list > li >a.active{ background:#eceaea;}
.g_sub > li > ul.g_list{ display:none;}
.g_sub > li > ul.g_list > li{ float:left; width:566px; border-bottom:1px solid #eceaea;min-height:40px; padding:16px 50px 10px 50px; color:#000000; font-size:14px; line-height:24px;}
ul.g_list > li > span{ font-size:16px; color:#002d7a; font-weight:bold;}
.member_des{ width:100%; padding:10px 0;} 
.member_description{ width:100%; padding:5px 0; text-align:justify;}
.member_description p{ margin:0 0 10px 0;}

/*  Investor Relations   */
.invers_option{ border-bottom:1px solid #5ac6ef;  position:relative;}
.cur_invertor{ background:#5ac6ef url(../images/a_bottom.png) no-repeat 222px center; line-height:28px; color:#fff; padding:0 0 0 18px; width:232px; display:inline-block; font-size:14px; cursor:pointer;}
.inver_list{ position:absolute; left:0px; top:28px; width:100%; display:none;}
.inver_list li{ float:left; width:100%; height:42px; line-height:42px; margin:0 0 1px 0; font-size:14px;}
.inver_list li a{ display:inline-block; width:232px; color:#424141; padding:0 0 0 18px; background:url(../images/c_hover.png);}
.inver_list li a:hover{ display:inline-block; width:232px; color:#FFF; padding:0 0 0 18px; background:#5ac5ef;}
.investor_list{ width:100%; padding:0 0 10px 0;}
.investor_list ul li{ float:left; width:100%; height:160px; border-bottom:1px solid #d8dcdd;}
.investor_list ul li:hover{ background:#fafafa;}
.investor_list_left{ float:left; width:132px; padding:32px 0 0 40px;}
.investor_list_center{ float:left; width:602px; padding:64px 0 0 0; font-size:14px;}
.investor_list_center_year{
	margin-top: 20px;
}
.investor_list_center a,.investor_list_center a:hover{ color:#1b1b1b;}
.investor_list_right{ float:right; margin:0 30px 0 0;}
.investor_btn{ padding:0 22px; line-height:48px; color:#fff; background:#42b3dd; display:inline-block; font-size:14px; font-weight:bold; margin:58px 0 0 0;}
.split_page{ margin:10px 0 0 0;}

/* preview */
.preivew_notice{ width:100%; background:#F8F8B8;  /*position:fixed;*/ z-index:999999999; overflow:hidden;}
.p_notice{ width:1000px; margin:0 auto; color:#F90000; text-align:center; line-height:40px; font-family:arial;}
.p_notice img{ float:right; margin:6px 0 0 0;}

