html {-webkit-text-size-adjust: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
*{margin:0; padding:0; }
img {max-width: 100%;height: auto;  width: auto\9; /* ie8 */ vertical-align:top;}
.video embed, .video object, .video iframe {width: 100%;height: auto;}
input[type="submit"],input[type="reset"],input[type="button"],input[type="text"],input[type="password"],select,button,textarea {-webkit-appearance: none;border-radius: 0; -webkit-border-radius: 0;}
input:focus { outline:none;}
.css{-webkit-touch-callout: none}
a{-webkit-tap-highlight-color: rgba(0,0,0,0);}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
a:hover{ color:#004386;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal; }i{ font-style:normal;}
li{list-style:none}img{border:0;}a{color:#000;text-decoration:none;outline:none;}/em{ font-style:normal;}
body{ background:#fff; font-size:16px; line-height: 30px;  font-family:Microsoft Yahei,Hiragino Sans GB,WenQuanYi Micro Hei,Heiti SC,STHeiti,SimSun,sans-serif;}
.clearfix:after {content:".";display:block;visibility:hidden;height:0;clear:both; }/* 清除浮动*/* html .clearfix{ zoom: 1; } 
.fl{ float: left; display:inline;} .fr{ float: right; display:inline;}.mt10{ margin-top:10px;}.mt12{ margin-top:12px;}.mt20{ margin-top:20px;}.mt30{ margin-top:30px;}
/*-------------------------------------------------------------------------------------------------------------------------*/
.w{ width:1200px; margin:0 auto;}.w1200{ width:1234px; padding:0 12px;}
.icon{ background:url(../images/icon.png) no-repeat; display:block;}
/*header*/
.container{ width: 100%;}
.header{ background:#fff;}
.header .w{ width:1080px; position:relative;}
.logo{ position:absolute; width:1050px;  top:23px; }
.logo img {width: 800px;height: 118px;}
.header-part1{ background: url(../images/header_1.png) repeat-x center top; height: 265px; position: relative; z-index: 100;}
.header-part2{ background: url(../images/header_2.png) repeat-x; height: 40px; line-height: 40px; position: relative; z-index: 99;}
.header-tips{ position: absolute; right: 0px; top:136px; color:#3389ca; }
.header-tips span{ padding-right:10px;}
.header-tips a{ color:#3389ca; font-size:14px; padding:0 4px;}
.header-tips a:hover{ color:#3389ca; }
.header-nav1{ padding-top:221px; }
.nav-ul1 .nav-li1{ position: relative;float: left; height: 44px; line-height: 44px; font-size: 18px; font-weight: bolder; }
.nav-ul1 .nav-li1 a{ display:block; cursor:pointer ;padding:0px 16px; color:#fff; }
.nav-ul1 .nav-li1 h3 a{ font-weight: bold;}
.nav-ul1 .nav-li1 a:hover,.nav-ul1 .on{ background: #004386; }
.nav-ul1 .active>a{ background: url(../images/header_3.png) repeat-x; color:#000; }
.nav-ul1 .active>a:hover{ background: url(../images/header_3.png) repeat-x;}
.nav-ul1 .active h3 a{ background: url(../images/header_3.png) repeat-x; color:#000; }
.nav-ul1 .active h3 a:hover{ background: url(../images/header_3.png) repeat-x;}
.nav-ul2{display: none; position: absolute; font-size: 16px; font-weight: normal; width: 240px; line-height: 42px;left: 0px; }
.nav-ul2 .nav-li2 a{ display: block; height: 42px; padding:0 16px; background:#2cbeef; border-top:1px solid #b9e7f9;}
.nav-ul3 a{ color:#231815; padding:0px 16px; position: relative;}
.nav-ul3 a:hover,.nav-ul3.on{ color:#004386;}
#wap-head,#wap-nav,#wap-bg{ display:none;}
/*footer*/
.footer{ width:100%; background:#b8e3f8; height: 192px; color:#3b3535;}
.footer a{ color:#3b3535; }
.footer a:hover{ color:#004386; }
.footer .footer-logo{ padding-left: 406px; padding-top: 30px; margin-right: 30px; }
.footer .footer-wz{ padding-top: 67px; font-size:18px; }
.footer .footer-wz a{ display: none; }
.footer .footer-wz i{ margin:0 20px; display: none; }
/*横幅*/
.c-banner{ height: 302px; }
#topBox,#topBox2{ width:100%; position:relative;  height:302px; overflow:hidden;  }
#topBox .bd,#topBox2 .bd{ position:relative; z-index:0;  }
#topBox .bd ul,#topBox2 .bd ul{ width:100% !important;  }
#topBox .bd li,#topBox2 .bd li{ width:100% !important;  height:302px; overflow:hidden; text-align:center;  }
#topBox .bd li a,#topBox2 .bd li a{ display:block; height:302px; }
#topBox .hd,#topBox2 .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:24px;  }
#topBox .hd ul,#topBox2 .hd ul{ text-align:center; }
#topBox .hd ul li,#topBox2 .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:10px; height:10px; border-radius: 50%; margin:1px 4px; overflow:hidden; background:#000;filter:alpha(opacity=50);opacity:0.5;  line-height:999px; }
#topBox .hd ul .on,#topBox2 .hd ul .on{ background:#2cbeef;filter:alpha(opacity=100);opacity:1; }
#topBox .icon,#topBox2 .icon{ height:86px; width:86px; position:absolute; z-index:99; cursor:pointer; opacity:0.6; filter:alpha(opacity=60);  top:50%; margin-top:-43px; overflow:hidden; display: none;}
#topBox .prev,#topBox2 .prev{ background-position:-176px 0; left:30px; }
#topBox .next,#topBox2 .next{ background-position:-176px -86px; right:30px; }
#topBox .icon:hover,#topBox2 .icon:hover{opacity:1; filter:alpha(opacity=100);}
/*内容*/
.c-body .w{ width: 1080px; margin:18px auto 0px; position:relative; }
/*厦门概况、美丽厦门*/
.page{ text-align: center; line-height: 43px;padding:50px 0; border-top:1px solid #000; }
.page .prev,.page .next{ color:#bbbbbb; border: 1px solid #bbbbbb; padding: 10px 25px; border-radius: 3px; margin:0px 5px; }
.page .prev:hover,.page .next:hover{ border-color: #000; color: #000; }
.page .current{ margin:0px 5px; color:#000; }
.page .num{ color: #bbbbbb; margin:0px 5px;}
.page .num:hover{ color: #000; }

.c-body .cate-title{ display: block; width: 100%; height:70px; line-height: 70px; font-size: 28px; text-align: center;border-bottom: 1px solid #000; }
.c-body .cate-body{ position: relative; width: 100%;}
#cate-menu{ display:none;}
.c-body .cate-ul{ width: 171px; position: absolute; top:0px;}
.c-body .cate-ul a{ color:#000; display: block; height: 100%; background:#fff;}
.c-body .cate-li{ height: 70px; line-height: 70px; text-align: center; font-size: 20px; border-bottom: 1px solid #000; }
.c-body .cate-ul .on{ color: #fff; cursor: pointer;}
.c-body .cate-ul .on a{ color:#fff; background:#2cbeef; }
.c-body .active{ background: #00bdff;}
.c-body .active a{ color: #fff; background: #2cbeef;}
.c-body .cate-content{ padding:24px 0 0 210px; top:0px;text-align: justify;}
.fj-vt .cate-ul{ width: 200px;}
.fj-vt .cate-li{ font-size: 18px; }
.fj-vt .cate-content{ padding-left:220px;text-align: justify;}
.cate-description{ padding:0 20px 36px;  color:#666;}
.cate-description p,.cate-description center{ margin:10px 0;}
.cate-description p,.cate-description span{ font:16px/30px 'Microsoft Yahei','Hiragino Sans GB'  !important;}
.cate-list{border-top: 1px solid #000; padding-top:40px;min-height:300px;}
.list-block{ width: 274px; padding:0px 8px; float: left; margin-bottom: 40px; text-align: center;}
.list-block .block-img{ width:100%; height:175px; overflow:hidden; }
.list-block .block-img img{ transition: all 0.5s; -webkit-transition: all 0.5s;}
.list-block a:hover img{transform: scale(1.2); -webkit-transform: scale(1.2);}
.block-title{ height: 30px;line-height: 30px; margin-top:20px; overflow:hidden; font-weight:bold;}
.c-body .cate-footer{ margin-top:20px; }
/*文章页*/
.c-body .article{margin-top: 60px; position:relative;}
.c-body .article-mbx{ line-height:40px; font-size:14px; color:#333;}
.c-body .article-mbx a{ color:#333;}
.c-body .article-title{ display: block; width: 100%; line-height: 30px; padding:32px 0px 25px; font-size: 36px; text-align: center; font-weight: bolder; border-top: 1px solid #000; }
.c-body .article-info{ font-size:14px; color:#333; text-align: center; padding-bottom: 40px; }
.c-body .article-info span{ margin:0 10px;}
.c-body .article-content{ padding:0px 25px 60px; font-size: 16px; line-height: 30px;text-align: justify;}
.c-body .article-content p{ margin:10px 0;}
.c-body .article-content p,.c-body .article-content span{ font:16px/30px 'Microsoft Yahei','Hiragino Sans GB' !important;}

.list .w{ margin-top:24px;}
.list-h{ line-height:50px; font-size:24px; font-weight:bold; color:#333; border-bottom:1px solid #000; padding-bottom:18px;}
.list-b{ border-right:1px solid #ddd; width:700px; display:block; _overflow:hidden;}
.txt-list li{ font-size:18px; height:48px; line-height:48px; overflow:hidden;position:relative;}
.txt-list li i{ margin-right:10px;}
.txt-list li span{ font-size:14px; color:#bbb;right:20px; position:absolute;top:0;}
.list .fr{ width:352px;}
.list .fr li{width:100%; margin-bottom:13px; height:68px; line-height:68px; font-size:24px; font-weight: bold;overflow:hidden;  text-align:center; }
.list .fr a{ display:block; height:100%;background:#aaddf7;transition: all 0.2s; -webkit-transition: all 0.2s;}
.list .fr a:hover{ background:#2cbeef; color:#fff;}
.list .page{ margin-top:24px;}
.pics-list li{ width:212px; background:#eceded; float:left; margin-right:20px; transition: all 0.5s; -webkit-transition: all 0.5s; margin-bottom:20px;}
.pics-list li:hover{ box-shadow:0 0 20px rgba(0,0,0,.3)}
.pics-list li .im{ width:100%; height:141px; overflow:hidden; position:relative;}
.pics-list li .im img{transition: all 0.5s; -webkit-transition: all 0.5s;}
.pics-list li a:hover img{transform: scale(1.2); -webkit-transform: scale(1.2);}
.pics-list li p{ padding:0px 16px;margin:12px 0;height: 48px;overflow: hidden; text-align:center; line-height:24px; text-align:left; color:#404040;  font-size:14px;}
.pics-list li .icon{ width:50px; height:50px; overflow:hidden; position:absolute; bottom:10px; right:10px; background-position:-150px -180px;}
/*网站地图*/
.web-site{margin-bottom: 40px;}
.web-site ul li{width:670px;line-height:35px;text-align:left;padding:0 15px;clear:both;}
.web-site ul li a{display:inline;margin-right:5px;font-size:14px;}

@media screen and (max-width:1024px){
	*, *::after, *::before{box-sizing:border-box; -webkit-box-sizing:border-box;}
	.header,.c-banner{ display:none;}
	.w{ width:100%;}
	#nav,#foot{ display:none;}
	#wap-foot{ display:block;}
	#wap-head{ display:block; position:fixed; top:0; left:0; width:100%;  z-index:9999; box-shadow:0 0 20px rgba(0,0,0,0.3); background: -webkit-linear-gradient(top,rgba(255,255,255,1),rgba(53,188,238,1));background: linear-gradient(top,rgba(255,255,255,1),rgba(53,188,238,1));}
	#wap-head .imt{ height:50px;position:relative;  z-index:99999; }
	#wap-head .imt .wap-logo{ height:64px; margin-left:16px; position: absolute; top:14px;}
	#wap-head .imt .wap-logo img{ height:100%;}
	#wap-head .imt span{ position:absolute; height:20px; line-height:20px; font-size:14px; top:20px; right:52px; color:#3389ca;}
	#wap-head .imt span a{ color:#3389ca;}
	#wap-head .nav_hot{ padding:0 24px 0 80px; font-size:16px; height:40px; overflow:hidden; line-height:36px;  width:100%;}
	#wap-head .nav_hot ul{ white-space:nowrap; position:relative;}
	#wap-head .nav_hot li{  display:inline-block; }
	#wap-head .nav_hot li a{ display:inline-block; padding-right:16px; color:#231815;}
	#menu{display: block;width:50px;height:50px;position:absolute;right:0px;top:0px;}
	.menu_on{ background:url(../images/menu_on.png) no-repeat center; background-size:42%;}
	#menu.open{ background:url(../images/menu_off.png) no-repeat center; background-size:38%;}
	#wap-nav{ display:none; position:fixed; top:90px; bottom:0; left:0; right:0; height:100%; width:100%; z-index:999; overflow-y:scroll; -webkit-overflow-scrolling:touch;}
	#wap-bg{ display:none;position:fixed; top:0; bottom:0; left:0; right:0; height:100%; width:100%; background:rgba(255,255,255,.95); z-index:998;}
	#wap-nav .nav_cont{ line-height:46px; padding-bottom:80px;}
	#wap-nav .nav_cont .n{width: 100%; display: inline-bolck; position: relative; border-bottom: 1px solid #7dd2f5;}
	#wap-nav .nav_cont .n h3{ width: 100%;}
	#wap-nav .nav_cont .n h3 a{ color:#fff;height:46px; display:block;  padding-left:16px;background:#43c0f0; position:relative;}
	#wap-nav .nav_cont .n .ht a{ background:#004386; color: #fff;}
	#wap-nav .sub{ display:none; background:#2cbeef}
	#wap-nav .sub li a{ color:#fff;height:46px; display:block;  padding-left:32px; border-top:1px solid #b9e7f9; position:relative;}
	#wap-nav .sub li a::after{ content: ''; position: absolute; height: 4px; width: 4px; background: #fff; border-radius: 50%; opacity: 0.8; left: 20px; top:50%; margin-top: -2px;  }
	#wap-nav .sub .mb{ display:none;}
	#wap-nav .sub .mub{ display:none;}
	#wap-nav .sub .mb li a{border-bottom:1px solid #f2f2f2; background:#f8f8f8;}
	#wap-nav .sub .ht_a a{ background:#e2e2e2}
	#wap-nav .sub .mb a{ padding-left:48px;}
	#wap-nav .sub .mb .ht_b a{ background:#f3f3f3;}
	#wap-nav .sub .mb .mub a{ padding-left:64px; border-bottom:none; background:#fff;}
	#wap-nav .at::after{content:''; height:20px; width:20px; right:16px; top:50%; margin-top:-10px; position:absolute; background:url(../images/nav-icon.png) no-repeat center; background-size:70%; opacity:0.6;}
	#wap-nav .nav_cont .n .ht .at::after,#wap-nav .sub .ht_a .at::after,#wap-nav .sub .mb .ht_b .at::after{background:url(../images/nav-off.png) no-repeat center; background-size:70%;}
	#wap-nav .sub li a:active{ opacity: 0.6;}
	.footer{ height: auto; padding-bottom: 25px;}
	.footer .w{ width: 436px; }
    .footer .footer-logo{ padding-left: 0; }
    .footer .footer-logo img{ width: 60px;}
    .footer .footer-wz{ padding-top: 32px; }

	.c-body .w{ width:100%; padding:90px 16px 0; margin-top:0;}
	.list-block{ width:33.33%; margin-bottom:10px;}
	.list-block .block-img{ width:100%; height:0; padding-bottom:63.86%;}
	.block-title{ margin-top:10px; font-size:14px; text-align:left; line-height:22px; height:44px;}
	.c-body .article{ margin-top:20px;}
	.c-body .article-title{ font-size:24px;}
	.c-body .article-info{ padding-bottom:20px;}
	.c-body .article-content{ padding:0 0 30px;}
	.list-b{ width:100%; border:none;}
	.web-site ul li{ width:100%; }
	.list .fr{ display:none;}
	.list .w{ padding:100px 8px 0;}
	.list .w.clearfix{ padding-top:0;}
	.list-h{ padding-left:8px; padding-bottom: 10px;}
	.txt-list{ padding:0 8px;}
	.txt-list li span{ display:none;}
	.pics-list{ padding-top:20px;}
	.pics-list li{ width:25%; margin-right:0; padding:0 8px; background:#fff;}
	.pics-list li .im{ padding-bottom:66.50%; height:0;}
	.pics-list li .im img{ width:100%;}
	.pics-list li p{ padding:0;margin:10px 0; text-align:left;}
	.pics-list li .icon{ transform:scale(0.6); transform-origin:bottom right; -webkit-transform:scale(0.6); -webkit-transform-origin:bottom right;}
}
@media screen and (max-width:800px){
	.pics-list li{ width:33.33%; }
	#wap-head .nav_hot ul{ overflow-x:scroll; overflow-y:hidden; white-space:nowrap; position:relative;-webkit-overflow-scrolling:touch;}
	#wap-head .nav_hot ul::-webkit-scrollbar{ display:none;}
}
@media screen and (max-width:640px){
	iframe,table{ width: 100%; height: auto; }
	.footer .w{ width: 100%; }
    .footer .footer-logo{ float: none; display: block; text-align: center; width: 100%; }
    .footer .footer-wz{ text-align: center; padding-top: 20px; font-size: 16px;}
	.footer-wz span{ display: block; text-align:center;}
	#wap-head::after{ content: ''; position: absolute; top:63px; right: 8px; width: 10px; height: 10px; border-top:2px solid #3389ca; border-right: 2px solid #3389ca; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
	.c-body .cate-content{ padding:20px 0 0;}
	.cate-description{ padding:0 0 20px;}	
	.page{ padding:30px 0;}
	.page .prev, .page .next{ padding:5px 10px;}
	.list-block{ width:50%; padding:0 8px 0 0;}
	.list-block:nth-child(even){ padding:0 0 0 8px;}
	.c-body .article-mbx{ display:none;}
	.c-body .article-title{ text-align:left;border:none; border-left:4px solid #2cbeef; padding:0 0 0 10px; margin-bottom:10px;}
	.c-body .article-info{ text-align:left; padding-bottom:10px; border-bottom:1px solid #ccc;}
	.c-body .article-info span{ margin:0 10px 0 0;}
	.txt-list li{ white-space:nowrap; word-break:break-all; text-overflow:ellipsis;}
	.pics-list li{ width:50%; }
	.c-body .cate-ul{ box-shadow:2px 2px 2px rgba(0,0,0,.3); -moz-transform:translate3d(-200px,0,0); -webkit-transform:translate3d(-200px,0,0); -ms-transform:translate3d(-200px,0,0); transform:translate3d(-200px,0,0); -moz-transition:.4s,opacity .5s; -webkit-transition:.4s,opacity .5s; -ms-transition:.4s,opacity .5s; transition:.4s,opacity .5s; opacity:0; visibility:hidden; }
	.c-body .cate-ul.cate-ul-cur{ -moz-transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); transform:translate3d(0,0,0); opacity:1; visibility:visible;}
	.c-body .cate-li{ height:50px; line-height:50px; font-size:16px;}
	.c-body .cate-title{ position:relative}
	.fj-vt .cate-title{ font-size: 20px; font-weight: bold;}
	#cate-menu{ display:block; position:absolute; bottom:6px; right:0; height:50px; width:50px; background:url(../images/menu_cate.png) no-repeat center; background-size:50%;  transition:.4s,opacity .5s; -webkit-transition:.4s,opacity .5s;}
	#cate-menu.cate-on{ transform:rotate(180deg)}
}
@media screen and (max-width:360px){
	.page{ font-size:14px;}
	.txt-list li{ font-size:16px; height:36px; line-height:36px;}
}