body{ background:white; }
*{ 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:26px; line-height:24px; background-image:url(../images/gx1.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;}

.nav{width:70%; height:50px; background:#0182ae; overflow:hidden; padding:0 15% 0 15%; 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 15px 0 15px;}

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

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

       /*-------------------------下边全部内容------------*/
.big_box{ width:1007px; margin:0 auto; background:white; margin-top:20px; margin-bottom:30px;}
.gxd_zx{ width:1007px; margin:0 auto; overflow:hidden; }
.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; }
.gxd_zx .zx1 .lyxx .xx_q2 a{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:30px; line-height:30px; font-size:16px; font-weight:bold; color:#afa145; margin:5px 0 0 10px; letter-spacing:1px;}
.gxd_zx .zx3 .zx3_tit img{ margin-left:10px; vertical-align:-3px; margin-right: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;}
.gxd_zx .zx3 .zx3_q img{ width:105px; height:39px;}

/*--------------------------热门推荐部分*/
.gxd_rt{ width:1007px; margin:0 auto; margin-top:15px; border-bottom:1px solid #e8e1e8; padding-bottom:15px;}
.gxd_rt .rt_top{ height:17px; width:1007px; margin:0 auto; background:#dcdcdc; overflow:hidden; margin-bottom:8px;}
.gxd_rt .rt_top .rt_top1{ float:left; background:url(../images/gx9.jpg); width:13px; height:19px; color:#dcdcdc; font-size:12px; background-position:bottom; font-weight:normal; background-repeat:no-repeat; background-color:white;}
.gxd_rt .rt_top .rt_top2{ float:left; width:70px; height:20px; background-color:white; text-align:center; line-height:20px; font-size:14px; color:#777; letter-spacing:2px; font-weight: bolder;}
.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; margin-top:15px; border-bottom:1px solid #e8e1e8; padding-bottom:15px;}
.gxd_zs .zs_top{ height:17px; width:1007px; margin:0 auto; background:#dcdcdc; overflow:hidden; margin-bottom:8px;}
.gxd_zs .zs_top .zs_top1{ float:left; background:url(../images/gx9.jpg); width:13px; height:20px; color:#dcdcdc; font-size:12px; background-position:bottom; font-weight:normal; background-repeat:no-repeat; background-color:white;}
.gxd_zs .zs_top .zs_top2{ float:left; width:90px; height:20px; background-color:white; text-align:center; line-height:20px; font-size:14px; color:#777; letter-spacing:2px; font-weight: bolder;}
.gxd_zs .zs_top .zs_top2 span{ color:#02a5e9; font-size:14px; }

.co_box{ height:390px;}

.co_imgbox{ width:1007px; float:left; height:365px;  overflow:hidden; display:inline;}
.co_imgbox ul li{ width:167px; 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;}
.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;}

 /*其他格仙岛实时资��*/
.other1{ width:1007px; margin:0 auto; overflow:hidden; margin-top:20px;}
.other1 .cxb{ float:left; width:304px; height:180px;}
.other1 .cxb .cxb_tit{ height:17px; width:304px; background:#3084ca; overflow:hidden;}
.other1 .cxb .cxb_tit .cxbt1{ float:left; background:url(../images/gx18.jpg); width:13px; height:19px; color:#dcdcdc; font-size:12px; background-position:bottom; font-weight:normal; background-repeat:no-repeat; background-color:white;}
.other1 .cxb .cxb_tit .cxbt2{ float:left; width:110px; height:20px; background-color:white; text-align:center; line-height:20px; font-size:14px; color:#777; letter-spacing:2px; font-weight: bolder;}
.other1 .cxb .cxb_tit .cxbt2 span{ color:#02a5e9; font-size:16px; }


.other1 .cxb  .jj_tu{ width:258px; height:83px;}
.other1 .cxb  .jj_tu{ width: 310px;height: 150px; margin-top:20px;}
.other1 .cxb  .jj_tu table tr th{ color:red;}
.other1 .cxb  .jj_tu table tr td,th { border:1px solid #999; text-align:center;}












.other1 .cxb .gxd_7{ width:308px; height:161px; margin-top:15px;}

.other1 .gxd4{ height:180px; width:340px; float:left; margin-left:20px;}
.other1 .gxd4 .gxd4_tit{ width:340px; height:17px; overflow:hidden;}
.other1 .gxd4 .gxd4_tit .g4_t_1{ float:left; height:19px; width:13px; background:url(../images/gx18.jpg); background-position:bottom; background-repeat:no-repeat;color: #dcdcdc; }
.other1 .gxd4 .gxd4_tit .g4_t_2{float:left; width:110px; height:20px; line-height:20px; text-align:center; color:#777; font-size:14px; font-weight:bold; letter-spacing:2px;}
.other1 .gxd4 .gxd4_tit .g4_t_3{ width:130px; height:17px; background:#47d2fd; float:left; margin-right:6PX;}
.other1 .gxd4 .gxd4_tit .g4_t_4{ width:80px; height:17px; background:#47d2fd; float:left;line-height:17px; text-align:center; color:WHITE;}
.other1 .gxd4 .gxd4_tit .g4_t_4 a{color:WHITE; font-size:12px; font-weight:bold;}
.other1 .gxd4 .gxd4_col{ height:150px; width:320px; margin:0 auto; margin-top:10px;}
.other1 .gxd4 .gxd4_col li{ height:20px; line-height:20px;}
.other1 .gxd4 .gxd4_col li img{ vertical-align:2px; margin-right:8px;}
.other1 .gxd4 .gxd4_col li a{ font-size:12px; letter-spacing:2px; color:#777;}

.other1 .gxd5{ height:180px; width:323px; float:left; margin-left:20px;}
.other1 .gxd5 .gxd5_tit{ width:340px; height:17px; overflow:hidden;}
.other1 .gxd5 .gxd5_tit .g5_t_1{ float:left; height:19px; width:13px; background:url(../images/gx18.jpg); background-position:bottom; background-repeat:no-repeat; color: #dcdcdc;}
.other1 .gxd5 .gxd5_tit .g5_t_2{float:left; width:80px; height:17px; line-height:20px; text-align:center; color:#777; font-size:14px; font-weight:bold; letter-spacing:2px;}
.other1 .gxd5 .gxd5_tit .g5_t_3{ width:150px; height:17px; background:#47d2fd; float:left; margin-right:6PX;}
.other1 .gxd5 .gxd5_tit .g5_t_4{ width:75px; height:17px; background:#47d2fd; float:left;line-height:20px; text-align:center; color:WHITE;}
.other1 .gxd5 .gxd5_tit .g5_t_4 a{color:WHITE; font-size:12px; font-weight:bold;}
.other1 .gxd5 .gxd_pl{width:340px; height:32px; overflow:hidden;margin-top:10px;}
.other1 .gxd5 .gxd_pl li{ float:left; width:106px; height:32px; margin:0 15px;}
.other1 .gxd5 .gxd_pl li a img{width:106px; height:32px;}
.other1 .gxd5 .gxd5_col{ height:150px; width:320px; margin:0 auto;}
.other1 .gxd5 .gxd5_col li{ height:20px; line-height:20px;}
.other1 .gxd5 .gxd5_col li img{ vertical-align:2px; margin-right:8px;}
.other1 .gxd5 .gxd5_col li a{ font-size:12px; letter-spacing:2px; color:#777;}

.other2{ width:1007px; margin:0 auto; overflow:hidden; margin-top:15px;}
.other2 .gxd6{ float:left;width:304px; height:290px;}
.other2 .gxd6 .gxd6_tit{ width:304px; height:17px; overflow:hidden;}
.other2 .gxd6 .gxd6_tit .g6_t_1{ float:left; height:19px; width:13px; background:url(../images/gx16.jpg); background-position:bottom; background-repeat:no-repeat;color: #dcdcdc; }
.other2 .gxd6 .gxd6_tit .g6_t_2{float:left; width:90px; height:20px; line-height:20px; text-align:center; color:#777; font-size:14px; font-weight:bold; letter-spacing:2px;}
.other2 .gxd6 .gxd6_tit .g6_t_3{ width:115px; height:20px; background:#6cc513; float:left; margin-right:6PX;}
.other2 .gxd6 .gxd6_tit .g6_t_4{ width:80px; height:20px; background:#6cc513; float:left;line-height:20px; text-align:center; color:WHITE;}
.other2 .gxd6 .gxd6_tit .g6_t_4 a{color:WHITE; font-size:12px; font-weight:bold;}
.other2 .gxd6 .gxd6_col{ width:304px; overflow:hidden; margin-top:10px;}
.other2 .gxd6 .gxd6_col li{ float:left; text-align:center;}
.other2 .gxd6 .gxd6_col li a img{ display:block; margin-bottom:5px; width:142px; height:94px;}
.other2 .gxd6 .gxd6_col li span{ color:#6cc513; font-size:18px; margin-right:3px;}
.other2 .gxd6 .gxd6_col li a{ color:#777; font-size:12px;}

.other2 .gxd7{ float:left;width:340px; height:290px; margin-left:20px;}
.other2 .gxd7 .gxd7_tit{ width:340px; height:17px; overflow:hidden;}
.other2 .gxd7 .gxd7_tit .g7_t_1{ float:left; height:20px; width:13px; background:url(../images/gx18.jpg); background-position:bottom; background-repeat:no-repeat; color: #dcdcdc;}
.other2 .gxd7 .gxd7_tit .g7_t_2{float:left; width:90px; height:20px; line-height:20px; text-align:center; color:#777; font-size:14px; font-weight:bold; letter-spacing:2px;}
.other2 .gxd7 .gxd7_tit .g7_t_3{ width:145px; height:20px; background:#02a5e9; float:left; margin-right:6PX;}
.other2 .gxd7 .gxd7_tit .g7_t_4{ width:80px; height:20px; background:#02a5e9; float:left;line-height:20px; text-align:center; color:WHITE;}
.other2 .gxd7 .gxd7_tit .g7_t_4 a{color:WHITE; font-size:12px; font-weight:bold;}
.other2 .gxd7 .gxd7_tu{ width:335px; height:95px; margin-top:10px;}
.other2 .gxd7 .gxd7_tu img{ width:335px; height:95px;}
.other2 .gxd7 .gxd7_col{ width:280px;}
.other2 .gxd7 .gxd7_col li{ height:20px;}
.other2 .gxd7 .gxd7_col li span{ color:#02a5e9; font-size:20px; margin:0 3px;}
.other2 .gxd7 .gxd7_col li a{color:#777; font-size:12px;}

.other2 .gxd7 .gxd7_tit .g8_t_1{ float:left; height:20px; width:13px; background:url(../images/gx20.jpg); background-position:bottom; background-repeat:no-repeat; color: #dcdcdc;}
.other2 .gxd7 .gxd7_tit .g8_t_2{float:left; width:90px; height:20px; line-height:20px; text-align:center; color:#777; font-size:14px; font-weight:bold; letter-spacing:2px;}
.other2 .gxd7 .gxd7_tit .g8_t_3{ width:145px; height:20px; background:#fe9900; float:left; margin-right:6PX;}
.other2 .gxd7 .gxd7_tit .g8_t_4{ width:70px; height:20px; background:#fe9900; float:left;line-height:20px; text-align:center; color:WHITE;}
.other2 .gxd7 .gxd7_tit .g8_t_4 a{color:WHITE; font-size:12px; font-weight:bold;}

.other3{ width:1007px; margin:0 auto; overflow:hidden; margin-top:15px;}
.other3 .gxd9{ float:left;width:304px;}
.other3 .gxd9 .gxd9_tit{ width:304px; height:17px; overflow:hidden;}
.other3 .gxd9 .gxd9_tit .g9_t_1{ float:left; height:20px; width:13px; background:url(../images/gx9.jpg); background-position:bottom; background-repeat:no-repeat; color: #dcdcdc;}
.other3 .gxd9 .gxd9_tit .g9_t_2{float:left; width:75px; height:20px; line-height:20px; text-align:center; color:#777; font-size:14px; font-weight:bold; letter-spacing:2px;}
.other3 .gxd9 .gxd9_tit .g9_t_2 span{ color:#fe9900; font-size:14px; font-weight:bold;}
.other3 .gxd9 .gxd9_tit .g9_t_3{ width:91px; height:20px; background:#dcdcdc; float:left; }
.other3 .gxd9 .gxd9_tit .g9_t_4{ width:125px; height:20px; background:#dcdcdc; float:left;line-height:20px; text-align:center; color:WHITE;}

.other3 .gxd9 .gxd9_col{ width:290px; height:290px; border:1px solid #cfcfcf; margin-top:10px;padding:7px;}
.other3 .gxd9 .gxd9_col .g9_t{ overflow:hidden;width:290px; margin-bottom:5px;}
.other3 .gxd9 .gxd9_col .g9_t li{ float:left; margin:0 4px; width:88px; height:93px;}
.other3 .gxd9 .gxd9_col .g9_t li img{  width:88px; height:93px;}

.other3 .gxd10{ float:left;width:680px;}
.other3 .gxd10 .gxd10_tit{ width:680px; height:17px; overflow:hidden;}
.other3 .gxd10 .gxd10_tit .g10_t_1{ float:left; height:20px; width:13px; background:url(../images/gx9.jpg); background-position:bottom; background-repeat:no-repeat; color: #dcdcdc;}
.other3 .gxd10 .gxd10_tit .g10_t_2{float:left; width:90px; height:20px; line-height:20px; text-align:center; color:#777; font-size:14px; font-weight:bold; letter-spacing:2px;}
.other3 .gxd10 .gxd10_tit .g10_t_2 span{ color:#6cc513; font-size:14px; font-weight:bold;}
.other3 .gxd10 .gxd10_tit .g10_t_3{ width:91px; height:20px; background:#dcdcdc; float:left; }
.other3 .gxd10 .gxd10_tit .g10_t_4{ width:480px; height:20px; background:#dcdcdc; float:left;line-height:20px; text-align:center; color:WHITE;}
.other3 .gxd10 .gxd10_col{ margin-top:10px; width:652px; height:284px; padding:10px;border:1px solid #cfcfcf;}
  /*--图片幻灯片开��*/
.pt20{ padding-top:20px;}
.clearboth{ overflow:hidden}
.slide {position:relative; width:650px;height:284px; }
.images {width:650px;height:284px;overflow:hidden; margin:0 auto}
.images div{float:left; margin:15px 10px 10px 23px; height:350px;}
.images div a .kk{ width:590px; height:260px; margin-left:50px;;}

.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:320px;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}

.gxd_link_tit{float:left; margin-top:10px;}
.con_ta li{float:left; margin-top:10px;}
.con_ta li a{margin-left:20px;}
.con_right{clear:both;}

  /*--图片幻灯片结��*/