@charset "utf-8";


.b_box{ clear:both; overflow:hidden; position:relative;}
.scroll_prev,.scroll_next{ position:absolute; top:0; z-index:20; height:360px; width:27px; cursor:pointer;}
.scroll_prev{ left:2%; background:url(banner_btn.png) 0 center no-repeat;}
.scroll_next{right:2%; background:url(banner_btn.png) -27px center no-repeat;}

.banner{ position:relative; height:360px; overflow:hidden;}
.banner li{ display:none; position:absolute; top:0; left:0; width:100%; height:360px; }
.banner li.on{ display:block;}
.banner img{ width:100%; height:360px;}

/*main*/
.main{ margin:10px auto 30px; width:1000px;}

.n_img_box{ position:relative; float:left; width:500px; height:310px;}
.news_pic{position:relative; height:310px; overflow:hidden;}
.news_pic ul{position:absolute; left:0; top:0; width:9999px; height:310px;}
.news_pic li{position:relative; float:left; height:310px;}
.news_pic img{ width:500px; height:310px;}

.text{position:absolute; bottom:0; left:0; z-index:10; width:100%; height:34px; line-height:34px; text-indent:10px; font-weight:bold; color:#fff; background:url(b_alpha.png) repeat;}
.num{position:absolute; right:5px; bottom:40px; z-index:100;}
.num ul li{ float:left;margin:4px 4px 0; width:18px; height:18px; line-height:18px; text-align:center; font-size:16px; font-family:Microsoft Yahei; color:#ff7200; cursor:pointer; background:#fff;}
.num ul li.on{color:#fff; background:#ff7200;}

.n_panel{ margin-left:510px;}

.tab{ height:36px; border-bottom:1px solid #ccc; background-color:#daeeff;background:url(tabbg.png) repeat-x;}
.tab li{ float:left; margin-right:5px;}
.tab li a{ display:block; padding:0 10px; line-height:35px; border-top:2px solid transparent; border-left:1px solid transparent; border-right:1px solid transparent; font-family:Microsoft Yahei; font-size:16px;}
.tab li a:hover,.tab li a.on{ border-top:2px solid #006ebb; border-left:1px solid #ccc; border-right:1px solid #ccc; color:#166ec8; background:#fff;}

.news_box{ padding:10px; border:1px solid #bedced; border-top:none; overflow:hidden;}

.news_top h2{ padding-left:20px;line-height:34px; font-size:16px; color:#166ec8; background:url(li_bg.png) 0 center no-repeat;}
.news_top p{ line-height:24px;text-indent:2em; font-size:12px;}
.n_date{ font-size:12px; color:#999;}

.n_list li{padding-left:20px; line-height:33px; background:url(li_bg.png) 0 center no-repeat;}

.m_left{ float:left; padding-top:30px; width:265px;}
.m_right{ margin-left:290px;  padding-top:30px;}

.or_intro{padding:10px; border:1px solid #bedced; border-top:2px solid #006ebb; overflow:hidden;}
.or_intro li{ float:left; width:50%; line-height:30px; text-indent:25px; font-weight:bold; color:#006ebb; background:url(o_bg.png) 0 center no-repeat;}
.or_intro li a{color:#006ebb;}

.a_box{ border:1px solid #bedced;}
.a_tit{ padding:0 10px; line-height:34px; color:#006ebb; font-family:Microsoft Yahei; font-size:16px;background:url(/hainanez/resource/cms/2023/04/img_pc_site/2023042711244317025.png) repeat-x; background-color:#dcefff;}
.more{ float:right; font-family:"宋体"; font-size:12px; color:#006ebb;}

.notice_list{ padding:5px;}
.notice_list li{padding-left:15px; line-height:30px; background:url(li_bg2.png) 6px center no-repeat;}
.new_icon{display:inline-block; *display:inline; *zoom:1; width:25px; height:14px; vertical-align:middle; background:url(new.png) no-repeat;}

/**work_hall{ padding:10px 5px 5px 6px; overflow:hidden;}
.work_hall li{ float:left; margin:0 4px 19px 0; width:200px; height:36px; line-height:36px; background-color:#e8f1f8;border-radius: 6px;padding:0 20px;}
.work_hall li a{ display:block; padding:0 5px; font-family:Microsoft Yahei; color:#0060a3;}**/
.work_hall{ padding:10px 5px 5px 6px; overflow:hidden;}
.work_hall li{ float:left; margin:0 4px 19px 0; width:200px; height:36px; line-height:36px;border-radius: 6px;padding:0 20px;}
.work_hall li img{width:200px;height:50px;cursor:pointer;}

.tel{ height:118px; background:url(tel.png) center top no-repeat;}

.sys_link{ padding:10px 10px 0;}
.sys_link li{ padding-bottom:10px; line-height:32px; font-family:Microsoft Yahei;}
.sys_link li i{ display:inline-block; *display:inline; *zoom:1; width:50px; height:32px; vertical-align:middle; background:url(32_icon.png) no-repeat;}
.sys_link li i.sys_01{ background-position:0 0;}
.sys_link li i.sys_02{ background-position:0 -32px;}
.sys_link li i.sys_03{ background-position:0 -64px;}

.book_perv,.book_next{ float:left; width:36px; height:186px; cursor:pointer;}
.book_perv{background:url(book_btn.png) 0 center no-repeat;}
.book_next{background:url(book_btn.png) -36px center no-repeat;}

.book_box{ position:relative; margin:0 10px; float:left; width:145px; height:186px; overflow:hidden;}
.book_box ul{ position:absolute; left:0; top:0; width:9999px;}
.book_box li{ float:left; width:145px; height:186px;}
.book_box li img{ width:100%; height:100%;}

.b_right{ float:right; width:240px;}
.b_left{ margin-right:250px;}

.border_left{ border-left:1px solid #ccc;}

.info_open{ padding:20px 20px 0; overflow:hidden;}
.info_open li{ padding-top:30px; _padding:12px 0;}
.info_open li:first-child{ padding:0;}
.info_open li i{display:inline-block; *display:inline; *zoom:1; width:32px; height:16px; vertical-align:middle; background:url(16_icon.png) no-repeat;}
.info_open li i.info_01{ background-position:0 0;}
.info_open li i.info_02{ background-position:0 -16px;}
.info_open li i.info_03{ background-position:0 -32px;}
.info_open li i.info_05{display:inline-block; *display:inline; *zoom:1; width:32px; height:25px;margin-left:-2px; vertical-align:middle; background:url(weixin.jpg) no-repeat;}

.tour_serivce{ padding:10px 0; overflow:hidden;}
.tour_serivce li{ float:left; margin:0 29px; display:inline; text-align:center;}
.tour_serivce li i{ display:inline-block; *display:inline; *zoom:1; width:32px; height:32px;  vertical-align:middle; background:url(32_icon.png) no-repeat;}
.tour_serivce li i.tour_01{  background-position:0 -96px;}
.tour_serivce li i.tour_02{  background-position:0 -128px;}
.tour_serivce li i.tour_03{  background-position:0 -160px;}
.tour_serivce li i.tour_04{  background-position:0 -192px;}
.tour_serivce li i.tour_05{  background-position:0 -224px;}
.tour_serivce li i.tour_06{  background-position:0 -256px;}
.tour_serivce li span{ display:block; line-height:30px;}

.pic_panel{ padding-top:30px;}
.pic_panel img{ _width:215px;}

.c_left{ float:left; width:350px;height:180px;}
.c_right{ margin-left:360px;}

.t_item{ overflow:hidden;}
.t_img{float:left;margin:0 10px;}
.t_img img{ width:340px; _width:305px; height:172px;}

.link{ padding:15px; line-height:24px; color:#909090; background:#f5f5f5;}
.link p{ padding-bottom:10px;}
.link b{ padding-right:20px;}
.link a{display:inline-block; *display:inline; *zoom:1; margin-right:20px; color:#909090;}

.copy_right{ padding:10px 0; line-height:30px; font-size:12px; color:#909090; background:#eee;}
.copy_right a{ color:#909090;}

.downloatbtn{
	background:url(downloadbtn.png) 65px center no-repeat;
	    border: 1px solid #999;
		  margin-left: 10px;
    display: inline-block;
    padding: 8px;
    width: 88px;
}
.downloadbtn2 {
	margin-left: 10px;
	display: block;
	padding: 8px;
}
.t_img2{float:left;margin:0 8px;}
.t_img2 img{height: 170px;width: 140px;}

.jgfcc{
	
	background: url(tabbg.jpg) repeat;
	border-radius: 4px;
	padding: 53px 7px;
	position: absolute;
	width: 21px;
	height:64px;
	color:#166ec8;
	cursor:pointer;
	font-size:16px;
	font-weight:bold;
}
.sub_meau ul {
    padding: 10px 9px;
}
.sub_meau ul li {
    margin-top: 5px;
}
.sub_meau ul li#left_hover a {
    background: url("accordion.png") no-repeat scroll 0 -40px;
    color: #fff;
}
.sub_meau ul li font a {
    background: url("accordion.png") no-repeat scroll 0 0;
    color: #3767ae;
    cursor: pointer;
    display: block;
    font-size: 16px;
    line-height: 40px;
    padding-left: 30px;
}
.sub_meau ul .a_content {
    border: 1px solid #bedced;
    display: none;
    margin: 0 2px 0 0;
}
.sub_meau ul .a_content ul {
    padding: 0;
}
.sub_meau ul .a_content ul li {
    border: medium none;
    margin: 0;
}
.sub_meau ul .a_content ul li#sub_left_hover a {
    background: url("accordion.png") no-repeat scroll 0 -120px !important;
    color: #3767ae !important;
}
.sub_meau ul li#left_hover a {
    background: url("accordion.png") no-repeat scroll 0 -40px;
    color: #fff;
}
.sub_meau ul .a_content ul li a {
    background: url("accordion.png") no-repeat scroll 0 -80px !important;
    color: #333 !important;
    display: block;
    height: 40px;
    line-height: 40px;
    padding-left: 40px;
}
.sub_meau ul .a_content ul li a:hover, .sub_meau ul .a_content ul li a.hover {
    background:  url("accordion.png") no-repeat scroll 0 -120px !important;
    color: #3767ae !important;
}

@charset "utf-8";

.sub_main{ padding-top:10px; min-height:200px; background:#fff url(sub_body_bg.png) repeat-x;}
.sub_con{ margin:0 auto 20px; padding:10px; width:980px; border:1px solid #bedced; overflow:hidden; background:#fff;}
.con_left{ float:left; width:265px;}
.con_right{ margin-left:280px; overflow:hidden;}

.sub_meau{ min-height:500px; border:1px solid #bedced; font-family:Microsoft Yahei; overflow:hidden; background:#eaf3fa;}
.sub_meau h2{ padding-left:10px; line-height:40px;  border-bottom:1px solid #bedced; font-size:20px; font-weight:normal; color:#3767ae; background:#dbeeff;}
.sub_meau ul{ padding:10px 9px; }
.sub_meau ul li{ margin-top:5px; _border:1px solid #fff;}
.sub_meau ul li font a{ display:block; padding-left:30px; line-height:40px; font-size:16px; cursor:pointer; color:#3767ae;  background:url(accordion.png) no-repeat;}
.sub_meau ul li font a.on{ color:#fff; background:url(accordion.png) 0 -40px no-repeat;}

.sub_meau ul .a_content{ display:none; margin:0 2px 0 0; border:1px solid #bedced;}
.sub_meau ul .a_content ul{ padding:0;}
.sub_meau ul .a_content ul li{ margin:0; border:none;}
.sub_meau ul .a_content ul li a{ display:block; padding-left:40px; height:40px; line-height:40px; background:url(accordion.png) 0 -80px no-repeat;}
.sub_meau ul .a_content ul li a:hover,.sub_meau ul .a_content ul li a.on{color:#3767ae; background:url(accordion.png) 0 -120px no-repeat;}

.position{ padding-left:30px; height:38px; line-height:38px; border:1px solid #bedced; border-bottom:2px solid #aeccdf; color:#999; background:#dbeeff url(p_arrow.png) 10px center no-repeat;}
.position a{ padding:0 10px; color:#3767ae; }

.leader_box li{ _float:left; _width:95%; padding:15px; border-bottom:1px solid #ccc;  overflow:hidden;}
.leader_img{ float:left; padding:5px; width:122px; height:144px; border:1px solid #ccc;}
.leader_img img{ width:100%; height:100%;}
.leader_info{ margin-left:147px; line-height:26px;}
.leader_intro{ padding:10px 0 0 0;}

.sub_list{ padding:10px 0;}
.sub_list li{padding-left:20px;line-height:36px;border-bottom:1px dashed #ccc;background:url(li_bg2.png) 0 center no-repeat;}
.sub_list li:hover{ background:url(li_bg.png) 0 center no-repeat; *background:url(li_bg2.png) 0 center no-repeat;}
.sub_list li span{ float:right; font-size:14px;}

.page{padding:20px 0; text-align:center;}
.page *{ display:inline-block; vertical-align:middle;}
.page a{display:inline-block; position:relative; margin:0 3px; padding:0 6px; height:24px;line-height:24px; border:1px solid #ccc; font-size:16px;}
.page a:hover{ color:#fff;  border:1px solid #000; background:#666f78;}
.page a.select_page{ color:#fff;  border:1px solid #000; background:#666f78;}

.border{border:1px solid #bedced;}

.content_box{ padding:30px; overflow:hidden;}
.txt_title{ padding-bottom:10px; border-bottom:1px solid #ccc; text-align:center;  font-size:16px; font-weight:bold; }
.txt_info{ position:relative; padding-bottom:20px; line-height:30px; font-size:12px; text-align:center;}
.txt_date{ position:absolute; right:0; _right:35px; top:0;}
.txt_con p{ padding-bottom:20px; line-height:30px; text-indent:2em;}

.aciton_box{ margin:20px 0; padding:0 10px;  _padding:5px 10px; border:1px solid #bedced; line-height:26px; font-size:12px; overflow:hidden; background:#eaf3fa;}
.print,.collect{ display:inline-block; *display:inline; *zoom:1; width:20px; height:16px; vertical-align:middle;}
.print{ background:url(print_icon.png) no-repeat;}
.collect{ background:url(collect_icon.png) no-repeat;}

.other_tit{ line-height:30px; font-weight:bold; border-bottom:1px solid #ccc;}

.theme_box{ padding:20px 0; text-align:center;}
.theme_box h2{ padding-bottom:10px; font-size:16px;}
.theme_box ul{ float:left; margin-left:-15px;}
.theme_box li{ float:left; margin:0 0 35px 15px; display:inline; width:222px;}
.theme_box li img{ width:222px; height:162px;}
.theme_box li span{ display:block; line-height:32px;}

.theme_list{ padding:20px 0;}
.theme_list h2{ line-height:24px; font-size:16px; border-bottom:1px solid #ccc;}
.theme_list ul{ float:left; margin-left:-60px;}
.theme_list li{ float:left; margin:30px 0 30px 60px; display:inline; width:187px; border:3px solid #fff; cursor:pointer; background:#efefef;}
.theme_list li:hover{border:3px solid #39a7ff;}
.theme_list li img{ width:100%; height:200px;}
.theme_list li span{ display:block; padding:0 5px; line-height:22px;}
.t_name{ color:#2182d0;}
.t_date{ font-size:12px; color:#717171;}

.sub_tab{ margin:15px 0 10px; border-bottom:1px solid #b5cde5; overflow:hidden;}
.sub_tab li{float:left; margin-right:10px;}
.sub_tab li a{display:block; float:left; line-height:35px;  padding-left:12px; color:#1b6097; background:url(tab_l.png) no-repeat; }
.sub_tab li a span{display:block; float:left; height:35px; padding-right:12px; background:url(tab_r.png) right no-repeat; }
.sub_tab li a:hover,.sub_tab li a.on{ color:#fff; background:url(tab_l_on.png) no-repeat;}
.sub_tab li a:hover span,.sub_tab li a.on span{background:url(tab_r_on.png) right no-repeat;}

.table_list{ text-align:center;}
.table_list th{ height:34px; border:1px solid #ccc; background:#efefef;}
.table_list td{ line-height:40px; border:1px solid #ccc; }

.holiday_box{ overflow:hidden;}
.holiday_box li{ padding:20px 0; border-bottom:1px solid #ccc; overflow:hidden;}
.holiday_img{ float:left; width:197px; height:157px;}
.holiday_img img{ width:100%; height:100%;}
.holiday_txt{ margin-left:217px;}
.holiday_txt h2{ padding-bottom:15px; font-size:14px; color:#2182d0;}
.holiday_txt p{ line-height:24px; text-indent:2em;}

.guide{ padding:40px 30px;  text-align:center;  overflow:hidden;}
.guide h2{ font-size:16px;}
.guide ul{ float:left; margin-left:-100px;}
.guide li{ float:left; margin:30px 0 0 100px; display:inline;}
.guide li a{ display:block; width:144px; height:109px;background:url(m.png) no-repeat;}
.guide li a i{ display:inline-block; *display:inline; *zoom:1; margin-top:15px; width:50px; height:50px; background:url(50_icon.png) no-repeat;}
.guide li a i.g001{ background-position:center 0;}
.guide li a i.g002{ background-position:center -50px;}
.guide li a i.g003{ background-position:center -100px;}
.guide li a i.g004{ background-position:center -150px;}
.guide li a span{ display:block; line-height:40px; color:#2182d0;}

.intro_con{ padding:10px 0; line-height:30px;}

.view_item{ overflow:hidden;}
.view_item ul{ float:left; margin-left:-20px;}
.view_item li{float:left;margin:20px 0 0 20px;width:220px;border:1px solid #ccc;background:#f6f6f6;padding-left: 0;}

.v_img{ position:relative; padding:5px; height:120px;}
.v_img img{ width:100%; height:100%;}
.v_img span{ position:absolute; bottom:5px; left:5px; padding:0 5px; width:328px; height:30px; line-height:30px; color:#fff; background:url(alpha_b.png) repeat;}
.v_txt{ padding:10px;text-align:center;}
.v_txt span{display:block;line-height:24px;color:#333;float: none !important;}

.c_left {
    margin-right: 5px;
}