body{ background:white; position:relative;}
*{ margin:0; padding:0; font-size:12px; color:#777; font-family:"microsoft yahei"}
a{ text-decoration:none;}
li{ list-style-type:none}
img{ border:none}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}

.top_line{ height:7px; width:100%; background:black;}
.top{ width:70%; height:72px; margin:0 auto; overflow:hidden; padding:0 15% 0 15%}
.top .hxd_logo{ float:left;}
.top .hxd_logo img{ width:189px; height:71px;}
.top .top_nav{ float:right; overflow:hidden; height:24px; background-color:black; }
.top .top_nav li{ float:left;height:24px; line-height:24px; background-image:url(../images/hx21.jpg); background-position:right; background-repeat:no-repeat;padding:0 15px 0 15px;}
.top .top_nav li a{  color:white; font-size:14px;}
.top .top_nav li a span{ color:#d1670d;}

.navbox{width:100%;height:50px; background:#0182ae;margin:0 auto;}
.nav{width:1000px; height:50px; overflow:hidden;margin:0 auto; line-height:50px; }
.nav li{ float:left; height:20px; line-height:20px; background:url(../images/hx4.jpg); background-position:right; background-repeat:no-repeat; margin-top:15px;}
.nav li a{ font-size:14px; color:white; margin:0 12px 0 12px;}

.banner{ width:100%; height:439px;}
.banner img{width:100%; height:439px;} 

/*哈仙岛顶部分结束*/

       /*-------------------------下边全部内容------------*/
.big_box{ width:1007px;  background:white; border-radius: 10px; margin: 0 auto; position: relative; top: -50px;}
.gxd_zx{ width:1007px; margin:0 auto; overflow:hidden;border: 1px solid #cfcfcf;padding: 20px 0px 10px 0;border-radius: 10px; }
.gxd_zx .zx1{ width:320px; float:left; }
.gxd_zx .zx1 .lyxx{ width:300px; height:100px; border-radius:10px; border:3px solid #e2f6fc; position:relative;}
.gxd_zx .zx1 .lyxx .xx_tit{ width:220px; height:30px; line-height:30px; color:#afa145; font-size:14px; font-weight:bold;}
.gxd_zx .zx1 .lyxx .xx_tit img{ margin-right:10px; vertical-align:-4px; margin-left:20px;}
.gxd_zx .zx1 .lyxx .xx_col{ text-indent:24px; color:#6a3906; font-size:12px; width:190px; height:60px; margin-left:20px;}
.gxd_zx .zx1 .lyxx .xx_q1{ position:absolute; top:-20px; right:-10px;}
.gxd_zx .zx1 .lyxx .xx_q2{ position:absolute; bottom:5px;; right:15px; height:46px; width:46px; border-radius:50px; background:#76a0dc; text-align:center; line-height:46px; font-size:18px; color:white; font-weight:bolder;}

.gxd_zx .zx2{ float:left;width:440px; height:320px; border-bottom:1px solid #e8e1e8;}


.gxd_zx .zx3{ float:left;width:215px; height:320px; border:3px solid #e2f6fc; border-radius:20px 5px 5px 5px; margin-left:22px; position:relative;}
.gxd_zx .zx3 .zx3_tit{ height:38px;margin:5px 0 0 10px;}

.gxd_zx .zx3 .zx3_col{ width:190px; height:230px; margin:0 auto; letter-spacing:2px; text-indent:24px; line-height:20px;}
.gxd_zx .zx3 .zx3_col a{ color:#0FF}
.gxd_zx .zx3 .zx3_q{ position:absolute; right:10px; bottom:5px; width:175px; height:50px;}
.gxd_zx .zx3 .zx3_q img{ width:105px; height:39px; width:175px; height:50px;}

/*--------------------------热门推荐部分*/
.gxd_rt{ width:1007px; margin:0 auto; margin-top:15px; padding-bottom:15px;}
.gxd_rt .rt_top{ height:25px; width:1007px; margin:0 auto;  overflow:hidden; margin-bottom:8px;border-bottom: 1px solid #eeeeee;}
.gxd_rt .rt_top .rt_top1{ float:left;  width:15px; height:15px; color:#dcdcdc; font-size:12px;}
.gxd_rt .rt_top .rt_top2{ float:left; width:100px; height:20px;  text-align:center; line-height:20px; font-size:18px;  letter-spacing:2px; font-weight: bolder; color:#dfae04;}
.gxd_rt .rt_top .rt_top2 span{ color:#02a5e9; font-size:14px; }
.gxd_rt .rt_tj{ width:1007px; margin:0 auto; overflow:hidden;}
.gxd_rt .rt_tj .rt1{ float:left; height:400px; width:325px; position:relative;}
.gxd_rt .rt_tj .rt1 img{height:400px; width:325px;}
.gxd_rt .rt_tj .rt1 .rt1_q1{ position:absolute; width:210px; height:30px; text-align:center; line-height:30px; bottom:3px; left:3px; opacity:0.8; background-color:white; }
.gxd_rt .rt_tj .rt1 .rt1_q1 a{ color: #666; font-size:14px; font-weight:bold;}
.gxd_rt .rt_tj .rt1 .rt1_q2{ position:absolute; width:94px; height:30px; text-align:center; line-height:20px; bottom:3px; right:3px; opacity:0.8;  background-color:white; }
.gxd_rt .rt_tj .rt1 .rt1_q2 a{font-size:14px; font-weight:bold;color:#02a5e9;}
.gxd_rt .rt_tj .rt1 .rt1_q2 a span{ font-size:20px;font-weight:bold;color:#02a5e9; line-height:26px;}

.gxd_rt .rt_tj .rt2{float:left;  margin:0 14px; width:284px;}
.gxd_rt .rt_tj .rt2 .tu{height:193px; width:284px; position:relative;}
.gxd_rt .rt_tj .rt2 .tu img{height:193px; width:284px;}
.gxd_rt .rt_tj .rt2 .tu .rt2_q1{ position:absolute; width:170px; height:30px; text-align:center; line-height:30px; bottom:3px; left:3px; opacity:0.8; background-color:white;}
.gxd_rt .rt_tj .rt2 .tu .rt2_q1 a{ color: #666; font-size:14px; font-weight:bold;}
.gxd_rt .rt_tj .rt2 .tu .rt2_q2{ position:absolute; width:80px; height:30px; text-align:center; line-height:20px; bottom:3px; right:3px; opacity:0.8;  background-color:white; }
.gxd_rt .rt_tj .rt2 .tu .rt2_q2 a{font-size:14px; font-weight:bold;color:#02a5e9;}
.gxd_rt .rt_tj .rt2 .tu .rt2_q2 a span{ font-size:20px;font-weight:bold;color:#02a5e9; line-height:26px;}

.gxd_rt .rt_tj .rt3{float:left; width:227px;}
.gxd_rt .rt_tj .rt3 .tu{height:193px; width:227px; position:relative;}
.gxd_rt .rt_tj .rt3 .tu img{height:193px; width:227px;}
.gxd_rt .rt_tj .rt3 .tu .rt3_q1{ position:absolute; width:130px; height:30px; text-align:center; line-height:30px; bottom:3px; left:3px; opacity:0.8; background-color:white;}
.gxd_rt .rt_tj .rt3 .tu .rt3_q1 a{ color: #666; font-size:14px; font-weight:bold;}
.gxd_rt .rt_tj .rt3 .tu .rt3_q2{ position:absolute; width:70px; height:30px; text-align:center; line-height:20px; bottom:3px; right:3px; opacity:0.8;  background-color:white; }
.gxd_rt .rt_tj .rt3 .tu .rt3_q2 a{font-size:14px; font-weight:bold;color:#02a5e9;}
.gxd_rt .rt_tj .rt3 .tu .rt3_q2 a span{ font-size:20px;font-weight:bold;color:#02a5e9; line-height:26px;}
.gxd_rt .rt_tj .rt4{ float:left; width:140px; height:394px; border:3px solid #e2f6fc; border-left:none;}
.gxd_rt .rt_tj .rt4 img{width:140px; height:394px;}

/*--------------------------瓜皮岛住��*/
.gxd_zs{ width:1007px; margin:0 auto;  }
.gxd_zs .zs_top{ height:25px; width:1007px; margin:0 auto;  overflow:hidden; border-bottom:1px solid #eeeeee}
.gxd_zs .zs_top .zs_top1{ float:left; width:15px; height:15px;  }
.gxd_zs .zs_top .zs_top2{ float:left; width:100px; height:20px; background-color:white; text-align:center; line-height:20px; font-size:18px; color:#dfae04; letter-spacing:2px; font-weight: bolder;}


.co_box{ height:390px;}
.co_left{ width:16px; height:32px; margin-top:50px; float:left; background-image:url(../images/gld/co_left.gif); background-repeat:no-repeat; cursor:pointer}
.co_right{ width:16px; height:32px; margin-top:50px; float:right; background-image:url(../images/gld/co_right.gif); background-repeat:no-repeat; cursor:pointer}
.co_imgbox{ width:900px; float:left; height:365px; margin:12px 18px 0 18px; overflow:hidden; display:inline;}
.co_imgbox ul li{ width:180px; float:left; text-align:center}
.co_imgbox ul li img{ width:145px; height:95px; border:1px #ddd solid; padding:3px; margin-bottom:5px}


 /*瓜皮岛旅游线��*/
.hxd_xl{width:1007px; margin:0 auto;margin-top: 400px;border-top: 1px solid #d1dacf;padding-top: 10px;}
.hxd_xl .xl_top{ overflow:hidden;width:1007px; height:42px;}
.hxd_xl .xl_top .xl_tit{ float:left;width:195px; height:42px; background:#ff6600; text-align:center; line-height:42px; font-size:24px; font-weight:bold; color:white;}
.hxd_xl .xl_top .hotline{ float:right; font-size:24px; font-weight:bold; color:#ff5700; line-height:42px;}
.hxd_xl .xl_table{ width:1007px; height:154px; border:1px solid #ffd118}
.hxd_xl .xl_table .xl1{ overflow:hidden; width:952px; height:42px; border-bottom:1px dashed #ffde5c; margin:0 auto;}
.hxd_xl .xl_table .xl1 li{ float:left; height:42px; font-size:16px; color:#ff5b02;}
.hxd_xl .xl_table .xl1 .list1{ width:410px; text-align:center; line-height:60px; height:42px; font-weight:bold; }
.hxd_xl .xl_table .xl1 .list2{ width:130px; text-align:center; line-height:60px; height:42px;color:#393939}
.hxd_xl .xl_table .xl2{ overflow:hidden; width:952px; height:30px; border-bottom:1px dashed #ffde5c; margin:0 auto;}
.hxd_xl .xl_table .xl2 li{ float:left; height:30px; font-size:16px; color:#ff5b02;}
.hxd_xl .xl_table .xl2 .list1{ width:410px; text-align:center; line-height:30px; height:30px; font-weight:bold; text-align:left; }
.hxd_xl .xl_table .xl2 .list2{ width:130px; text-align:center; line-height:30px; height:30px;color:#393939}
.hxd_xl .xl_table .xl2 .list2 span{ font-size:18px; font-weight:bold; color:#b00e14;}
.hxd_xl .xl_table .xl2 .list2 a img{margin:5px 5px 0 5px;}
.hxd_xl .xl_table .xl2 .list2 h4{ color:#1379e7; font-size:14px;}

 /*其他瓜皮岛实时资��*/

  /*--图片幻灯片开��*/
.pt20{ padding-top:20px;}
.clearboth{ overflow:hidden}
.slide {position:relative; width:730px;height:250px; }
.images {width:730px;height:250px;overflow:hidden; margin:0 auto}
.images div{float:left; height:350px;}
.images div a img{ width:730px; height:250px; }

.tabs {position:absolute;top:297px;left:515px;clear:both;height:20px;line-height:20px;}
.tabs a {width:16px;height:16px;float:left;margin:3px;display:block;font-size:1px;background:url('slide-bj1.png') 0 0 no-repeat;}
.tabs a:hover {background:url("slide-bj.png") 0 0 no-repeat;}
.tabs a.current {background:url("slide-bj.png") 0 0 no-repeat;}
.backward, .forward {position:absolute;width:70px;height:250px;overflow:hidden;top:0px;cursor:pointer;font-size:0px;}
.backward {left: 0px;background:url(../images/focus_ctrl_left.png) left no-repeat;}
.forward {right:0px;background:url(../images/focus_ctrl_right.png) right no-repeat;}
.backward:hover { background:url(../images/focus_ctrl_left.png) left no-repeat;}
.forward:hover { background: url(../images/focus_ctrl_right.png) right no-repeat;}
/*幻灯��*/
.flow-box{ border:1px solid #dddddd; width:220px; float:left; margin-right:13px; background-color:#fff; margin-bottom:9px;-moz-box-shadow:0px 0px 2px #f4f4f4 ;-webkit-box-shadow:0px 0px 2px #f4f4f4;box-shadow:0px 0px 2px #f4f4f4; }
.flow-thumb{text-align:center; padding-top:8px;}
.flow-info2{text-align:center;}
.flow-info2 p { height:44px; line-height:44px; text-align:center; padding:0 8px; overflow:hidden; font-size:14px; color:#666;}
.uploadN{ background-color:#fafafa; border-top:1px solid #f4f4f4}
  /*--图片幻灯片结��*/
  
  
  
  
  
  
  
  
  
  
  
  
  
 /*哈仙岛海鲜美��*/
.ms_box{width:1007px; margin:0 auto; overflow:hidden; margin-top:10px; padding-bottom:20px;}
.ms_box .ms_left{ width:730px; float:left; border-radius:10px; border:1px solid #d1dacf; margin-right:4px; padding:0 18px 0 18px; }
.ms_box .ms_left .ms1{ width:694px;}
.ms_box .ms_left .ms1 .ms1_tit{ height:38px; line-height:38px; font-size:24px; font-weight:bold; color:#dfae04; border-bottom:1px solid #999; width:730px;}
.ms_box .ms_left .ms1 .ms1_tit img{ margin-right:5px;}
.ms_box .ms_left .ms1 .ms1_box{width:730px; overflow:hidden; border-bottom:1px solid #eeeeee; padding-bottom:20px; margin-top:10px; }
.ms_box .ms_left .ms1 .ms1_box .ms_list{ width:170px; height:150px; border-radius:10px; position:relative; float:left; margin-right:16px;}
.ms_box .ms_left .ms1 .ms1_box .ms_list a img{ width:170px; height:150px; }
.ms_box .ms_left .ms1 .ms1_box .ms_list .ms_qian{ position:absolute; bottom:10px; left:28px; width:95px; height:38px; background:url(../images/hx29.png); text-align:right; line-height:38px; padding-right:10px;}
.ms_box .ms_left .ms1 .ms1_box .ms_list .ms_qian a{color:#e60012;font-size:18px; }

 /*瓜皮岛潮汐表、问��*/
.cx_box{ width:730px; margin:0 auto; overflow:hidden; margin-top:10px; height:200px; border-bottom: 1px solid #eeeeee;}
.cx_box .cx_table{ width:350px; height:200px; float:left;}
.cx_box .cx_table .cx_tit{ width:320px; height:20px; background:#f99b00; padding-left:30px; color:white; font-size:14px; font-weight:bold; border-radius:10px; border:1px solid #999;}
.cx_box .cx_table .cx_kk{ width:310px; height:140px; margin-top:10px; margin-left:20px;}


.cx_box .cx_table .cx_kk .jj_tu{ width:258px; height:83px;}
.cx_box .cx_table .cx_kk .jj_tu img{ width:258px; height:83px;}
.cx_box .cx_table .cx_kk .jj_tu{ width: 310px;height: 150px; }
.cx_box .cx_table .cx_kk .jj_tu table tr th{ color:red;}
.cx_box .cx_table .cx_kk .jj_tu table tr td,th { border:1px solid #999; text-align:center;}
















.cx_box .gpd_wd{width:350px; height:200px; float:left; margin-left:20px;}
.cx_box .gpd_wd .wd_tit{ width:320px; height:20px; background:#f99b00; padding-left:30px; color:white; font-size:14px; font-weight:bold; border-radius:10px; border:1px solid #999;}
.cx_box .gpd_wd .wd_tu{ width:350px; height:150px; overflow:hidden; margin-top:10px;}
.cx_box .gpd_wd .wd_tu .wd_tu1{ float:left;}
.cx_box .gpd_wd .wd_tu .wd_tu2{ float:left; width:240px; margin-left:5px;}
.cx_box .gpd_wd .wd_tu .wd_tu2 li{ height:20px; }
.cx_box .gpd_wd .wd_tu .wd_tu2 li span{ margin-right:2px;}
.cx_box .gpd_wd .wd_tu .wd_tu2 li a{ color:#777;}
 /*海鲜岛钓鱼、哈仙岛玩海、景��&传说*/
.hx_news{width:745px; overflow:hidden; border-bottom:1px solid #eeeeee;padding-bottom: 10px;}
.hx_news .news_list{ width:240px; margin-right:12px; float:left;}
.hx_news .news_list .news_tit{ height:40px; width:200px; line-height:40px; font-size:18px; color:#777; font-weight:bold; padding-left:20px;}
.hx_news .news_list .news_tit span{ font-size:18px; color:#1cbbfe;font-weight:bold}
.hx_news .news_list .news_img{width:220px; height:163px;}
.hx_news .news_list .news_img img{width:220px; height:163px;}
.hx_news .news_list .news_li {width:220px; margin-top:10px;}
.hx_news .news_list .news_li li{width:220px;}
.hx_news .news_list .news_li li a{ font-size:12px; letter-spacing:2px;}
.hx_news .news_list .news_li li a span{font-size:12px; margin-right:3px; color:#1cbbfe;}
.hx_news .news_list .news_more{ margin-left:130px; font-weight:bold;}
.hx_news .news_list .news_more span{ color:#37c0fe;font-weight:bold;}

 /*哈仙岛图��*/
.hx_tu{width:745px; border-bottom:1px solid #eeeeee; padding-bottom:10px;}
.hx_tu .tu_tit{height:38px; line-height:38px; font-size:24px; font-weight:bold; color:#dfae04; width:730px; margin-bottom:10px;}
.hx_tu .tu_tit img{ margin-right:5px;}
 /*有半部分开��*/
.ms_rightbox{ float:right;}
.ms_right1{ width:226px; border-radius:10px; border:1px solid #d1dacf; background:white;}
.ms_right1 .youji{ height:95px; width:226px; background:url(../images/hx34.jpg); background-size: auto; border-radius:10px; position:relative;}
.ms_right1 .youji .myd{ position:absolute; width:65px; height:55px; background:#f97338; border-radius:10px; top:10px; left:20px; color:white; text-align:center; font-size:16px; padding-top:10px}
.ms_right1 .youji .myd span{ color:#f8dd41;font-size:16px; }
.ms_right1 .youji .yj{ width:60px; height:16px; position:absolute; right:30px; top:10px; color:#00a0e9; }
.ms_right1 .youji .yj img{vertical-align:-3px; margin-right:5px;}
.ms_right1 .bq{ margin-top:10px;}
.ms_right1 .ml{ width:180px; margin:0 auto; margin-top:10px; }
.ms_right1 .ml li a{color:#4fc1f7; font-size:14px;}
.ms_right1 .ml li a span{color:#4fc1f7; margin-right:3px;}
.ms_right1 .fk{ width:230px; margin:0 auto; overflow:hidden; margin-top:20px;}
.ms_right1 .fk li{ float:left; text-align:center; margin:0 10px;}
.ms_right1 .fk li a img{ display:block;}

.ms_right2{ width:226px; border-radius:10px; border:1px solid #d1dacf; background:white;padding-bottom: 10px;margin-top: 20px;}
.ms_right2 .mw_tit{ height:40px; line-height:40px; width:200px; margin:0 auto; font-size:16px; color:black; font-weight:bold; }
.ms_right2 .mw_tu{ width:226px; height:90px;}
.ms_right2 .mw_tu img{ width:226px; height:90px;}
.ms_right2 .mw_col{ width:180px; margin:0 auto; margin-top:10px; }
.ms_right2 .mw_col li a{color:#4fc1f7; font-size:14px;}
.ms_right2 .mw_col li a span{color:#4fc1f7; margin-right:3px;}

.rr1{width:226px; border-radius:10px; border:1px solid #d1dacf; background:white;padding-bottom: 10px; margin-top:20px;}
.rr1 .menu1{width:100%;overflow:hidden;}
.rr1 .menu1 li{float: left;width:49.5%;height:38px;border-right: none;text-align:center;line-height:38px;font-size:16px;color: #1d1d1d;font-weight:bold;cursor:pointer; border-radius:10px 10px 0 0}
.rr1 .menu1 li:hover{color:#fc6424;border-bottom:none;background:white;font-size: 16px;}
.rr1 .content1 ul li{height:24px;line-height:24px;padding-left:3%;}
.rr1 .content1 ul .img{ height:100px; width:226px; padding:0; margin-bottom:10px;}
.rr1 .content1 ul .img img{ height:100px; width:226px;}
.rr1 .content1 ul li a{font-size:14px;}

  
  
  .links {
    position: relative;
    margin-top: 20px;
    padding: 15px 20px;
    background: #fff;
    border: 1px solid #ddd;
}

.links_navname {
    position: absolute;
    left: 20px;
    _left: 0;
    top: 15px;
    width: 100px;
    color: #666;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
}

.links_list {
    width: 860x;
    margin-left: 100px;
    line-height: 20px;
}

.links_list li {
    display: inline;
}

.links_list a {
    display: inline-block;
    padding-right: 10px;
}

.links_list a:link,.links_list a:visited {
    color: #666;
    text-decoration: none;
}

.links_list a:hover {
    color: #000;
    text-decoration: none;
}
  
  
  
.co_box{ height:390px;}
.co_left{ width:16px; height:32px; margin-top:50px; float:left; background-image:url(../images/gld/co_left.gif); background-repeat:no-repeat; cursor:pointer}
.co_right{ width:16px; height:32px; margin-top:50px; float:right; background-image:url(../images/gld/co_right.gif); background-repeat:no-repeat; cursor:pointer}
.co_imgbox{ width:1007px; float:left; height:365px; overflow:hidden; display:inline;}
.co_imgbox ul li{ width:165px; float:left; text-align:center}
.co_imgbox ul li img{ width:145px; height:95px; border:1px #ddd solid; padding:3px; margin-bottom:5px}