﻿@charset "utf-8";
/* CSS Document */

#in_flash_frame{ margin:0 auto; background:url(../images/index_flash_frame_bg2.gif) repeat-x; height:351px; overflow:hidden; zoom:1;padding:14px 0;}
.in_flash{ width:960px; height:337px; margin:0 auto; background:url(../images/index_flash_bg2.gif) no-repeat; padding-top:14px}
.in_flash div{ width:958px; height:322px; border:solid 1px #fff; overflow:hidden}

#index_warp{ width:990px; height:auto; margin:0 auto; overflow:hidden; zoom:1; padding:15px 0; background:#fff}

.in_intro{ float:left; margin-left:15px; width:240px; height:255px; overflow:hidden; background:url(../images/index_pro_bg.gif) no-repeat}
.in_intro h2{ text-indent:-1000px; height:55px; background:url(../images/index_pro_tit.gif) no-repeat}
.in_intro p{ display:block; width:197px; height:140px; margin:7px auto; margin-bottom:20px; overflow:hidden; line-height:170%; color:#666}
.in_intro a{ margin:0 0 0 22px}

.in_news{ float:left; width:318px; height:255px; border-right:dashed 1px #c4c4c4; margin-left:50px}
.in_news h2{ text-indent:-1000px; height:55px; background:url(../images/index_news_tit.gif) no-repeat}
.in_news div.pic{ display:block; float:left; border: solid 3px #d8d8d8; margin-top:10px}
.in_news ul{ float:left; margin:6px 0 0 12px}
.in_news ul li{ width:205px; height:20px; line-height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.in_news ul li a,.in_news ul li a:visited{ color:#666}
.in_news ul li a:hover{ color:#000}
.in_news a.more{ clear:both; display:block; float:left; margin-top:25px}

.in_ind{ float:left; width:323px; height:255px; margin-left:30px; overflow:hidden}
.in_ind h2{ text-indent:-1000px; height:55px; background:url(../images/index_ind_tit.gif) no-repeat}
ul.in_ind_list{ margin-top:4px}
ul.in_ind_list li{ float:left; margin:5px 9px 0 0}
ul.in_ind_list li a{ display:block; width:104px; height:25px; text-indent:-1000px; background:url(../images/index_ind_bt.gif) no-repeat}
ul.in_ind_list li a.a01{ background-position:0 0}
ul.in_ind_list li a.a01:hover{ background-position:0 -90px}
ul.in_ind_list li a.a02{ width:83px; background-position:-113px 0}
ul.in_ind_list li a.a02:hover{ background-position:-113px -90px}
ul.in_ind_list li a.a03{ background-position:-205px 0}
ul.in_ind_list li a.a03:hover{ background-position:-205px -90px}
ul.in_ind_list li a.a04{ background-position:0 -30px}
ul.in_ind_list li a.a04:hover{ background-position:0 -120px}
ul.in_ind_list li a.a05{ width:83px; background-position:-113px -30px}
ul.in_ind_list li a.a05:hover{ background-position:-113px -120px}
ul.in_ind_list li a.a06{ background-position:-205px -30px}
ul.in_ind_list li a.a06:hover{ background-position:-205px -120px}
ul.in_ind_list li a.a07{ background-position:0 -60px}
ul.in_ind_list li a.a07:hover{ background-position:0 -150px}
ul.in_ind_list li a.a08{ width:83px; background-position:-113px -60px}
ul.in_ind_list li a.a08:hover{ background-position:-113px -150px}
ul.in_ind_list li a.a09{ background-position:-205px -60px}
ul.in_ind_list li a.a09:hover{ background-position:-205px -150px}

#demo{ overflow:hidden; width: 400px; height:81px; margin-top:10px; overflow:hidden}
#indemo{ float: left; width: 800%}
#demo1,#demo2{ float: left}
ul.contry{ margin:0; padding:0}
ul.contry li{ float:left; width:220px; height:81px; background-repeat:no-repeat; margin-left:19px; display:inline}
ul.contry li.sin{ background:url(../images/eng/index_ind_img01_ov.gif)}
ul.contry li.mal{ background:url(../images/eng/index_ind_img02_ov.gif)}
ul.contry li.dub{ background:url(../images/eng/index_ind_img03_ov2.gif); width:265px}
ul.contry li.vie{ background:url(../images/eng/index_ind_img04_ov2.gif); width:300px}
ul.contry li.sau{ background:url(../images/eng/index_ind_img05_ov2.gif); width:300px}
ul.contry li p{ font-size:10px; color:#666; line-height:130%; margin:10px 9px 2px 94px; font-family:Arial, Helvetica, sans-serif}
ul.contry li a,ul.contry li a:hover,ul.contry li a:visited{ display:block; text-align:right; color:#000; font-size:11px}
