@charset "gb2312";
/*  
	*@Description: hainan 
	*@Author:      wangyingran  
	*@Update:      wangyingran (2012-11-21)  
*/

/* = ͨÓÃ
-----------------------------------------------------*/
body{ background:url(../images/hainan/bg.gif);}
a:link,a:visited{ color:#1ea2e3; text-decoration:none;}
a:hover{ color:#f5ad00; text-decoration:none;}
.F01{ color:#1ea2e3;}
.F02{ color:#666;}
.boxbg{ background-color:#fff; -moz-box-shadow:1px 1px 1px #d0d0d0; -webkit-box-shadow:1px 1px 1px #d0d0d0; box-shadow:1px 1px 1px #d0d0d0;}

.title{ height:50px;}
.title_cnt{ float:left; height:49px; line-height:49px; border-top:1px #7dbe00 solid; font-family:"΢ÈíÑźÚ"; font-weight:normal; font-size:18px;}
.title_cnt a:link,.title_cnt a:visited{ color:#333;}
.title_cnt a:hover{ color:#1ea2e3;}
.title_tab{ float:left; height:20px; margin:15px 0 0 10px;}
.title_tab li{ float:left; height:20px; margin-right:5px;}
.title_tab li a{ float:left; height:20px; line-height:20px; padding:0 3px;}
.title_tab li a.title_tab_current{ background:#7dbe00;}
.title_tab li a.title_tab_current:link,.title_tab li a.title_tab_current:visited{ color:#fff;}
.title_tab li a.title_tab_current:hover{ color:#fff;}

/* = header
-----------------------------------------------------*/
.banner{ height:300px; background:#009dd4 url(../images/hainan/banner.jpg) center;}
.nav{ height:50px; margin-bottom:20px; background:#1ea2e3 url(../images/hainan/nav_bg.gif) repeat-x; -moz-box-shadow:0px 2px 6px #bbb; -webkit-box-shadow:0px 2px 6px #bbb; box-shadow:0px 2px 6px #bbb;}
.nav ul{ width:1000px; margin:0 auto; height:50px; overflow:hidden;}
.nav ul li{ height:50px; float:left;}
.nav ul li a{ display:block; float:left; height:50px; line-height:50px; padding:0 25px; font-family:"΢ÈíÑźÚ"; font-size:16px; background:url(../images/hainan/nav_line.gif) center left no-repeat; margin-left:-1px; text-shadow:1px 1px 1px #666666;}
.nav ul li a:link,.nav ul li a:visited{ color:#fff;}
.nav ul li a:hover{ color:#FF9; background:#39b4df;}

/* = content
-----------------------------------------------------*/
.layout_left{ float:left; width:680px; margin-bottom:20px;}
.layout_right{ float:right; width:300px; margin-bottom:20px;}

.xl{ padding:0 20px 20px 20px;}
.xl_hot{ float:left; width:340px; height:240px; position:relative;}
.xl_hot img{ display:block; width:340px; height:240px;}
.xl_hot_title{ display:block; position:absolute; left:0; bottom:20px; height:30px; width:340px; overflow:hidden;}
.xl_hot_title a{ display:block; float:left; height:30px; line-height:30px; padding:0 10px; font-size:14px; background-color:rgba(31,160,223,0.6); background:#1fa0df\9; filter:alpha(opacity=60); font-family:"΢ÈíÑźÚ";}
.xl_hot_title a:link,.xl_hot_title a:visited{ color:#fff;}
.xl_hot_title a:hover{ color:#ffff99; background-color:rgba(31,160,223,0.8); background:#1fa0df\9; filter:alpha(opacity=80);}
.xl_list{ float:right; width:290px;}
.xl_list ul li{ width:280px; height:70px; padding:5px 0 5px 10px; background:url(../images/hainan/icon_arrow.gif) 0 15px no-repeat;}
.xl_list ul li a{ display:block; padding:5px; cursor:pointer;}
.xl_list ul li a:hover{ background:#f5f5f5;}
.xl_list_title{ display:block; width:270px; height:20px; line-height:20px; overflow:hidden; font-weight:bold;}
.xl_list_intro{ display:block; width:270px; height:40px; line-height:20px; overflow:hidden; color:#666;}

.jd{ padding:0 20px 20px 0; margin-top:20px; background-image:url(../images/hainan/bg_jingdian.jpg); background-position:right top; background-repeat:no-repeat;}
.jd .title{ margin-left:20px;}
.jd_list{}
.jd_list ul li{ float:left; width:200px; height:317px; overflow:hidden; padding-left:20px;}
.jd_list ul li a{ display:block; width:200px; height:317px; cursor:pointer;}
.jd_list ul li a:hover{ background:#f5f5f5;}
.jd_list ul li a img{ display:block; width:200px; height:160px;}
.jd_list ul li span{ display:block; padding:0 5px; line-height:22px;}
.jd_list_title{ width:190px; height:20px; overflow:hidden; margin-top:5px; font-size:14px; font-weight:bold; font-family:"΢ÈíÑźÚ";}
.jd_list_intro{ color:#666;}
.jd_list_hits{ color:#666;}

.hotel{ padding-right:20px; margin-top:20px; background-image:url(../images/hainan/bg_jiudian.jpg); background-position:right top; background-repeat:no-repeat;}
.hotel .title{ margin-left:20px;}
.hotel_list{}
.hotel_list ul li{ float:left; position:relative; width:200px; height:160px; padding:0 0 20px 20px;}
.hotel_list ul li img{ display:block; width:200px; height:160px;}
.hotel_list_title{ display:block; position:absolute; left:20px; bottom:40px; height:30px; width:200px; overflow:hidden;}
.hotel_list_title a{ display:block; float:left; height:30px; line-height:30px; padding:0 10px; font-size:14px; background-color:rgba(31,160,223,0.6); background:#1fa0df\9; filter:alpha(opacity=60); font-family:"΢ÈíÑźÚ";}
.hotel_list_title a:link,.hotel_list_title a:visited{ color:#fff;}
.hotel_list_title a:hover{ color:#ffff99; background-color:rgba(31,160,223,0.8); background:#1fa0df\9; filter:alpha(opacity=80);}

.news{ padding:0 20px 20px 20px;}
.news_hot{ padding-bottom:15px; background:url(../images/hainan/icon_dot.gif) bottom repeat-x;}
.news_hot a{ display:block; width:260px; height:70px;}
.news_hot a:hover{ background:#f5f5f5;}
.news_hot dt{ float:left; width:80px; height:70px;}
.news_hot dt img{ display:block; width:80px; height:70px;}
.news_hot dd{ float:left; width:180px; height:60px; padding:5px 0;}
.news_hot dd span{ display:block; line-height:20px;}
.news_hot_title{ width:170px; height:20px; overflow:hidden; padding:0 5px; font-weight:bold;}
.news_hot_intro{ width:170px; height:40px; overflow:hidden; padding:0 5px; color:#666;}
.news_list{ margin-top:11px;}
.news_list ul li{ width:250px; padding:0 5px; height:24px; overflow:hidden; line-height:24px; background:url(../images/hainan/lidot.gif) left center no-repeat;}
.news_list ul li a{ display:block; height:24px; padding-left:5px;}
.news_list ul li a:hover{ background:#f5f5f5;}

.wd{ padding:0 20px 20px 20px; margin-top:20px;}
.wd_list{}
.wd_list ul li{ width:250px; padding:0 5px; height:24px; overflow:hidden; line-height:24px; background:url(../images/hainan/lidot.gif) left center no-repeat;}
.wd_list ul li a{ display:block; height:24px; padding-left:5px;}
.wd_list ul li a:hover{ background:#f5f5f5;}

.ms{ padding:0 20px 15px 0; margin-top:20px;}
.ms .title{ margin-left:20px;}
.ms_list{}
.ms_list ul li{ float:left; width:120px; height:118px; padding:0 0 0 20px;}
.ms_list ul li a{ display:block; cursor:pointer;}
.ms_list ul li a:hover{ background:#f5f5f5;}
.ms_list ul li a img{ display:block; width:120px; height:90px;}
.ms_list ul li a span{ display:block; width:110px; height:28px; padding:0 5px; overflow:hidden; line-height:28px; text-align:center;}

.tp{ clear:both; padding:0 20px 20px 0;}
.tp .title{ padding-left:20px;}
.tp_list{}
.tp_list ul li{ width:176px; height:128px; float:left; position:relative; margin-left:20px; display:inline;}
.tp_list ul li img{ width:176px; height:128px; display:block;}
.tp_list_title{ position:absolute; bottom:10px; left:0; height:30px; width:176px; overflow:hidden;}
.tp_list_title a{ display:block; float:left; height:30px; line-height:30px; padding:0 10px; font-size:14px; background-color:rgba(31,160,223,0.6); background:#1fa0df\9; filter:alpha(opacity=60); font-family:"΢ÈíÑźÚ";}
.tp_list_title a:link,.tp_list_title a:visited{ color:#fff;}
.tp_list_title a:hover{ color:#ffff99; background-color:rgba(31,160,223,0.8); background:#1fa0df\9; filter:alpha(opacity=80);}

/*ÓÑÇéÁ´½Ó*/
.links{ margin-top:20px; padding:15px 20px; line-height:20px;}
.links a{ display:inline-block; padding-right:10px;}
.links a:link,.links_list a:visited{ color:#666;}
.links a:hover{ color:#000; text-decoration:none;}
.links li {
display: inline;
}