@import url(comm.css);
@import url(template.css);
@import url(thickbox.css);
#about #con_top h3{ background: url(img/about_t.gif) no-repeat; }
#about #con_top h3.group{ background-position: 0  -14px; }
#about #con_top h3.culture{ background-position: 0  -28px; }
#about #con_top h3.down{ background-position: 0  -42px; }
#about #con_top h3.media{ background-position: 0  -56px; }
#about #con_top h3.mes{ background-position: 0  -70px; }
.news_list{ padding: 10px 20px 0 20px; }
.dt_current{background: #5A85BD;}
.dt_current *{color: #fff;}
.dt_current a:hover{color: #fff;}
.news_list .dd_current {background: #F8F8F8; display: block;}
.news_list dt{ clear: both; padding: 0 10px; line-height: 23px; border-bottom: 1px solid #E9E9E9; }
.news_list dt a{ padding: 0 1em 0 0; }
.news_list dt span{ float: right; font-size: 10px; }
.news_list dt em{ font-style: normal;}
.news_list dd{ clear: both; display: none; position: relative; padding: 10px; height: 80px; }
.news_pic{ float: left; background: url(img/news_pic_bg.gif) no-repeat; width: 115px; height: 83px; }
.news_pic img{ margin: 8px 0 0 15px; }
.news_quote{ float: left; width: 400px; }
.news_quote h5,.news_quote p{ font-size: 12px; padding: 5px 0 0 20px; color: #666; }
.news_quote p a{ color: #666; }
.news_quote p a:hover{ text-decoration: underline; }

/* group_profile*/
#group_profile{ padding: 0px 30px 20px 20px; }
#profile_list{ margin: 10px 0 0 -15px; }
#profile_list p{ color: #4F74B7; }
#profile_list li{ float: left; position: relative; font-size: 14px; font-weight: bolder; border-right: 1px solid #ccc; padding: 0 15px 0 15px; }
#profile_list li span{ position: absolute; display: block; float: left; width: 200px; top: 25px; left: 20px; font-size: 12px; font-weight: normal; display: none; }
#profile_list li a.bcurrent{ color: #1659AC; border-bottom: 2px solid #1659AC; }
#profile_list li a.bcurrent span{ display: block; }
.bus_con2{ clear: both; padding: 30px 0 0 0; width: 560px; position: relative; }
.bus_pic2{ position: absolute; right: -140px; top: -30px; }
.bus_con2 p{ padding: 1em 0 0 0; text-indent: 2em; }

#history{ margin: 40px 0 0 -30px; width: 599px; height: 589px; background: url(img/history_bg.gif) no-repeat; }
#history_list{ padding: 40px 0 0 10px; height:50px; }
#history_list li{ float: left; padding: 0 0 0 30px; margin: 5px 0 0 0; width: 80px; }
#history_list li a{ display: block; float: left; height: 19px; line-height: 19px; border: 1px solid #fff; padding: 0 10px; text-align: center; }
#history_list li a.bcurrent{ color: #1659AC; font-weight: bolder; border: 1px solid #b2b2b2; background: url(img/history_t_bg.gif); }

.age{ position: relative; clear: both; padding: 65px 0 0 0; }
.age h4{ position: absolute; left: 410px; font-size: 26px; line-height: 40px; color: #4f74b7; font-family: arial black }
.history_con{ padding: 40px 57px 30px 50px; }
.history_con li{ padding: 0 0 10px 0; }
.history_con img{ border: 1px solid #ccc; padding: 5px; }
.scroll_bar{ height: 370px; overflow: auto; }

/* group_business*/
#group_business{ padding: 0px 30px 0 20px; }
#business_list{ margin: 15px 0 0 0; }
#business_list p{ color: #4F74B7; }
#business_list li{ float: left; font-size: 14px; font-weight: bolder; line-height: 29px; height: 29px; background: url(img/list_bg01.gif) no-repeat right; padding: 0 30px 0 0; }
#business_list li a.bcurrent{ color: #1659AC; }
.bus_con{ clear: both; width: 452px; position: relative; }
.bus_pic{ position: absolute; right: -140px; top: -60px; }
.bus_con p{ padding: 1em 0 0 0; text-indent: 2em; }

/* group_honors */
#group_honors{ clear: both; }
.honors_block{ float: left; width: 268px; height: 110px; margin: 15px 20px 0 0; border: 1px solid #ccc; background: url(img/honors_bg.gif) no-repeat right bottom; }
.honors_pic{ float: left; width: 120px; height: 108px; line-height: 108px; overflow: hidden; position: relative; text-align: center; margin: auto; }
.honors_pic p { position: static; +position: absolute; top: 50%; }
.honors_pic img{ position: static; +position: relative; top: -50%; left: -50%; vertical-align: middle; }
.honors_pic p:after{ content: "."; font-size: 1px; visibility: hidden; }
.honors_txt{ float: left; width: 130px; padding: 22px 0 0 0; line-height: 150%; }
.honors_txt .zoom{ display: block; width: 16px; height: 16px; margin: 10px 0 0 0; background: url(img/zoom_ico.gif) no-repeat; text-indent: -9999px; overflow: hidden; }

/* culture_responsibility */
#culture_respon{ padding: 0 0 0 0; }
.culture_list{ margin: 10px 20px 10px 20px; padding: 0 0 10px 0; border-bottom: 1px solid #ccc; }
#culture_idea{ padding: 0 20px 0 0; }
#culture_idea h4{ font-size: 12px; margin: 1em 0 0 0; padding: 0 0 0 5px; line-height: 24px; background: #F8F8F8; border-bottom: 1px solid #ddd; }
#culture_idea p{ text-indent: 2em; color: #787878; padding: 1em 0 0 0; }
#culture_idea ul{ padding: 1em 0 0 2em; }
#culture_idea li{ color: #787878; }

/* down*/
#down_periodical{ margin: -10px 0 0 0; }
#down_periodical h4{ clear: both; margin: 20px 0 0 0; font-size: 14px; color: #4f74b7; }
#down_periodical li{ float: left; width: 108px; margin: 10px 30px 0 0; text-align: center; background: url(img/down_bg01.gif) no-repeat; }
#down_periodical li img{ margin: 10px 0 5px 5px; }
#down_propaganda{ }
#down_propaganda h3{ clear: both; margin: 20px 0 0 0; background: url(img/down_propaganda_tbg.gif) no-repeat; overflow: hidden; text-indent: -9999px; height: 31px; }
h3#videos{ background-position: 0 -31px;}
#bg_pic_wrapper{ float: left; width: 245px; }
#bg_pic_wrapper p{ font-weight: bolder; text-indent: 1.5em; }
#bg_pic{ width: 225px; height: 161px; background: url(img/down_propaganda_bg01.gif); }
#bg_pic img{ margin: 13px 0 0 15px; }
#wallpapers_list{margin: 10px 0 0 0; }
#wallpapers_list li{ float: left; text-align: center; padding: 0 10px 10px 0; color: #2A6F84; line-height: 14px; }
#wallpapers_list li img{ margin: 0 0 5px 0; border: 1px solid #ccc; }
#wallpapers_list li a.down{ padding: 0 20px 0 0; background: url(img/sico_04.gif) no-repeat right; }
.videos_list{ float: left; width: 190px; margin: 5px 5px 0 0; }
.videos_list p{ text-align: center; padding: 10px 0 0 0; }
.videos_pic{ background: #CACACA; padding: 8px 0; text-align: center; }
.videos_pic p{ text-align: right; padding: 5px 10px 0 0; }

/* media */
.media_list li a{ padding-left: 25px; }
.media_list li a.pdf{ background: url(img/pdf_ico.gif) no-repeat 0; }
.media_list li a.zip{ background: url(img/zip_ico.gif) no-repeat 0; }
.media_list li a.word{ background: url(img/word_ico.gif) no-repeat 0; }
.media_list li a.media{ background: url(img/media_ico.gif) no-repeat 0; }
.media_login{ margin: 0 0 0 200px; }
.media_login li{ padding: 5px 0; }
.media_login li.lic{ padding: 10px 0 0 50px; }

/* culture_detail */
#culture_detail{ padding: 20px 0 0 0; }
.detail_left{ float: left; display: inline; width: 126px; }
.back_list{ display: block; float: left; padding: 0 0 0 20px; margin: 0 0 10px 0; font-weight: bolder; background: url(img/back_ico.gif) no-repeat 5px 5px; }
.detail_pic img{ border: 1px solid #ccc; }
.view_more{ display: block; float: left; padding: 0 20px 0 0; margin: 10px 0 0 0; background: url(img/zoom_ico.gif) no-repeat center right; }
.detail_content{ float: left; width: 453px; }
.detail_content h3{ font-size: 14px; }
.detail_content span{ padding: 0 0 0 3em; font-size: 10px; font-weight: bolder; }
.detail_content p{ padding: 1em 0 0 0; }
.culture_photo{ padding: 20px 0 0 0; }