/* CSS Document */
html {-webkit-text-size-adjust: none; overflow-x: hidden; }

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 */}
.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;}
.css{-webkit-touch-callout: none}
a{-webkit-tap-highlight-color: rgba(0,0,0,0);/*-webkit-user-modify:read-write-plaintext-only; */}
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;}
html {-ms-touch-action: none;}
a:visited{ color:rgba(0,0,0,0);}
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;}/*a:hover{color:#c00;text-decoration:underline;}*/em{ font-style:normal;}
body{font:16px/30px "Microsoft Yahei","SimSun","Arial Narrow";/* -webkit-filter: blur(4px);*/}
.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;}.mt20{ margin-top:20px;}.mt30{ margin-top:30px;}
table { border-collapse: collapse; border-spacing: 0; } 
caption, th, td { /*text-align: left;*/ font-weight: normal; }
/*-------------------公共--------------------------*/
a{text-decoration:none;color:#333;line-height: 1.5;}
a:hover{color:red;}
.h{position:relative;}
.ht20{ position:relative; margin-bottom:20px;}
.ht30{ position:relative; margin-bottom:30px;}
.last{ border:none !important;}
/*---------------------布局------------------------*/
.wrap{width: 1240px; margin: 0 auto;}
.nav-wrap{width: 1100px; margin: 0 auto; position: relative;}


/*----------------------公共-----------------------*/
.mod .mh h2{ font-size: 20px; line-height: 32px; font-weight: bold; }
.mod .mh h2 a{ color: #666666;}
.mod-a .mb li{ position: relative; border-bottom: 1px solid #e8e8e8; padding-bottom: 28px; margin-bottom: 28px; /*height: 120px;*/}
.mod-a .mb .im{ float: left;display: inline; margin-right: 25px;}
.mod-a .mb h3{font-size: 20px;font-weight: bold;line-height: 22px;height: auto;overflow: hidden;margin-bottom: 18px;margin-right: 10px;}
.mod-a .mb p{font-size: 14px;line-height: 24px;height: 48px;color: #666666;margin-right: 10px;margin-bottom: 10px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;word-break: break-all;}
.mod-a .mb .source{ font-size: 14px; line-height: 24px; color: #666666; position:absolute; right: 10px; bottom: 5px;}
.mod-a .mb .source a{ color: #2a3766;}
.mod-b{ margin:0 18px;}
/*----------------------head-----------------------*/
#head .brand{ background:#f4f4f4; height:110px; position:relative;}
#head .brand .logo-1{ padding: 25px 0 0 10px; float:left;}
#head .brand .logo-2{ position:absolute; top:18px; left:50%; margin-left:-120px;}
#head .brand .search{ position: relative; margin: 42px 0 0;}
#head .brand .search input{ width: 190px; height: 30px; line-height: 30px; border:1px solid #d2d2d2; position: relative; z-index: 2; font-size: 14px; padding-left: 5px;}
#head .brand .search button{ width: 36px; height: 28px; border:none; background: url(../img/search-btn.jpg) center center no-repeat; cursor: pointer; position: absolute; top: 1px; right: 1px; z-index:3; }
#head .nav{ background:url(../img/nav-bg.jpg) center center no-repeat #0062ac; height:42px; line-height: 42px; text-align: center;}
#head .nav-l{ display: inline; position: absolute; top: 0px; left: 168px;}
#head .nav-mid{ display: inline; }
#head .nav-r{ display: inline; position: absolute; top: 0px;}
#head .nav span{ display: inline-block; width: 373px; height: 42px; line-height: 42px; font-size: 20px; color: #fff; letter-spacing:.2em;}
#head .nav a{ display: inline;font-size: 20px; color: #fff; padding: 0 12px;}
#head .nav a:hover{ color: #fff;}
#head .nav i{ background: url(../img/nav-li.jpg) no-repeat; width: 2px; height: 22px; display: inline-block; vertical-align: -5px;}
#page{ text-align:center; margin:60px 0;}
#page a{ display:inline-block; height:30px; width:70px; border:1px solid #d7d6d6; background:#fff; text-align:center; line-height:30px; font-size:14px; border-radius:4px; color:#bbb; cursor:pointer; margin:0 4px;}
#page a:hover,#list #page a:active{ color:#fff; background:#f78702;border:1px solid #f78702; }
#detail .dh .share-btn{ position: absolute; bottom: -2px; left: 142px; cursor: pointer;}
#detail .dh .share-btn i{ vertical-align: 2px; margin-left: 5px;}
#detail .dh .share{ position: absolute; bottom: -36px; left: 0px; display: block; width: 156px; background: #fff; height: 36px; overflow: hidden; display: none;}
#mm-menu-toggle{ display: none;}
/*----------------------foot-----------------------*/
#foot{ text-align: center; font-size: 14px; border-top: 2px solid #dcdcdc; padding-top: 5px;}
#foot{ color: #666666;}
#foot a{ color: #666666; padding: 0 5px;}

/*----------------------content-----------------------*/
.con-l{ width: 874px; overflow: hidden; padding-top: 25px;}
.con-l_656{width: 656px; overflow:inherit; padding-top: 25px;}
.con-r{ width: 340px; overflow: hidden; padding-top: 25px;}

/*----------------------焦点图-----------------------*/
.slideBox{ position:relative; width: 874px; height: 334px; overflow: hidden;}
.slideBox .bd{ width:100%; height:auto; position:relative;}
.slideBox .bd li{ width:100%; position:relative; height:334px; overflow:hidden;}
.slideBox .bd li a{ display:block; width:100%; height:100%;}
.slideBox .bd li img{ width:562px; height: 334px; vertical-align:top; }
.slideBox .bd li p{font-size: 24px;line-height: 36px;height: 200px;overflow: hidden; position:absolute; top:0;right: 15px; overflow:hidden;width: 282px; color:#000; z-index:9;font-weight: bold;overflow: hidden;display: -webkit-box;}
.slideBox .bd li b{font-size: 14px;line-height: 24px;height: auto; position:absolute;top: 190px;right: 15px;width: 282px;color: #555555; z-index:9;font-weight: normal;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;word-break: break-all;}
.slideBox .bd li span{ font-size: 12px; line-height: 24px; position:absolute; bottom:0; right: 15px; overflow:hidden; width: 282px; color: #AAAAAA; z-index:9; font-weight: normal;}
.slideBox .hd{ position:absolute; height:18px; line-height:18px; bottom:10px; left:16px; z-index:8;}
.slideBox .hd li{ display:inline-block; width:18px; height:18px; background:#fff; text-indent:-9999px; overflow:hidden; margin-right:6px; float:left; border-radius: 50%;}
.slideBox .hd li.on{ background:#0062ac;  }
/*----------------------今日看点-----------------------*/
.mod-2{ margin-top: 35px;}
.mod-2 .mh{ margin-bottom: 35px;}
/*----------------------厦门新闻-----------------------*/
.mod-3{ margin-top: 15px;}
.mod-3 .mh{ margin-bottom: 35px;}
.mod-3 .mf{ text-align: center; font-size: 14px; border-bottom: 1px solid #e8e8e8; margin: 40px 0; height:42px; line-height:42px; background:#f5f5f5;}
.mod-3 .mf a{color: #888888; display:block; width:100%; height:42px; line-height:42px; }
.mod-3 .mf a i{ margin-left: 5px;}
/*----------------------今日报纸-----------------------*/
.mod-4{ padding:6px 18px 20px; background:#f4f4f4;}
.mod-4 .mh{ margin-bottom: 10px;}
.mod-4 .hasDatepicker{ margin-top: 20px;}
/*----------------------热点活动-----------------------*/
.mod-5-1{ margin-top: 35px;}
.mod-5-1 .mh{ margin-bottom: 25px;}
.mod-5-1 li{ font-size: 16px; line-height: 32px; height: 32px; overflow: hidden; margin-bottom: 12px;}
.mod-5-1 i{ border: 1px solid #d1d1d1; display: inline-block; width: 35px; height: 30px; text-align: center; line-height: 30px; margin-right: 18px; background: #494949; color: #FFFFFF;}
.mod-5-1 li h2{ height: 32px; line-height: 32px; overflow: hidden; margin-bottom: 5px;}
.mod-5-1 li a{ color: #333333;}
.mod-5-1 img{ margin-left: 58px; width: 218px;}
.mod-5-1 p{ margin-left: 58px; width: 218px;}
/*----------------------热点排行榜-----------------------*/
.mod-5{ margin-top: 35px;}
.mod-5 .mh{ margin-bottom: 25px;}
.mod-5 li{ font-size: 16px; line-height: 32px; height: 32px; overflow: hidden; margin-bottom: 12px;}
.mod-5 i{ border: 1px solid #d1d1d1; display: inline-block; width: 35px; height: 30px; text-align: center; line-height: 30px; margin-right: 18px;}
.mod-5 li a{ color: #333333;}
/*----------------------联系我们-----------------------*/
.mod-6{ margin-top: 35px; margin-bottom:20px;}
.mod-6 .mh{ margin-bottom: 15px;}
.mod-6 .mb{ border: 1px solid #f0f0f0; padding: 20px 0;}
.mod-6 .mb p i{ display: inline-block; width: 47px; vertical-align: -14px; margin-right: 15px;}
.mod-6 .mb p{ color: #828282; height: 38px; line-height: 38px; padding-left: 10px;}
.mod-6 .mb .cen{ text-align: center; padding-left:0px; }
.mod-6 .mb span{ display: block;text-align: center; margin: 20px 0 10px;}
/*----------------------文字列表-----------------------*/
#list .lh{ border-bottom:1px solid #e6e6e6; padding-bottom:20px; margin-bottom:30px;}
#list .lh h2{ font-size: 20px; line-height: 32px; font-weight: bold;color: #666666; }
#list .lb li{ font-size: 18px; line-height: 32px; height: 32px; overflow: hidden; margin-bottom: 12px; color: #e9e9e9;  list-style: disc inside;  position:relative; /*background:url(../img/list-li-bg.jpg) left center no-repeat;padding-left:16px;*/}
#list .lb li a{ color: #333333;}
#list .lb li:hover,#list .lb li:hover a {color: #5a6e91;}
#list .lb li span{ font-size:14px; color:#dae0ea; /*position:absolute; top:0px; right:0px;*/ margin-left:25px;}
/*----------------------细览-----------------------*/
#detail{ padding-top:40px; padding-bottom:30px; position: relative;}
#detail .dh{ margin-bottom:30px; position: relative;}
#detail .dh h2{ font-size:36px; color:#000; font-weight:bold; padding-bottom:40px; line-height: 52px;}
#detail .dh .ss{ font-size:16px; line-height:26px; color:#848383; position: absolute; bottom: 0px; left: 20px;}
#detail .db{ color:#494949; line-height:200%;}
.portrait{ width: 162px; margin: 0 50px 0 0; padding-top: 90px;}
.portrait dt{ font-size: 18px; text-align: center; margin-top: 10px;}
.portrait dt span{ background: #ebebeb; padding: 2px 5px;}
.related h3{ font-size: 20px; line-height: 32px; font-weight: bold;color: #666666; border-bottom:1px solid #e6e6e6; padding-bottom:10px; margin-bottom:20px;}
.related li{ font-size: 16px; line-height: 24px; height: 24px; overflow: hidden; margin-bottom: 12px; background:url(../img/list-li-bg.jpg) left center no-repeat; padding-left:16px; position:relative;}
.related li a{ color: #333333;}

/*----------------------分享-----------------------*/
.box a,.box .bds_more{ background-image: url(../img/share.png) !important; _background-image: url(../img/share.png) no-repeat !important; margin: 6px 3px 6px 3px !important;width: 24px; padding-left:0px !important;}
.bdshare-button-style1-24 .bds_weixin{background-position: -208px -0px !important;}
.bdshare-button-style1-24 .bds_tsina{background-position: -104px -0px !important;}
.bdshare-button-style1-24 .bds_sqq{background-position: -0px -0px !important;}
.bdshare-button-style1-24 .bds_qzone{background-position: -52px -0px !important;}
.bdshare-button-style1-24 .bds_tqq{background-position: -156px -0px !important;}

.bdshare-button-style1-24 .bds_weixin_1{background-position:  -234px -0px;}
.bdshare-button-style1-24 .bds_weixin_1:hover{background-position:  -208px -0px;}
.bdshare-button-style1-24 .bds_tsina_1{background-position: -130px -0px;}
.bdshare-button-style1-24 .bds_tsina_1:hover{background-position: -104px -0px;}
.bdshare-button-style1-24 .bds_sqq_1{background-position: -26px -0px;}
.bdshare-button-style1-24 .bds_sqq_1:hover{background-position: -0px -0px;}
.bdshare-button-style1-24 .bds_qzone_1{background-position: -78px -0px;}
.bdshare-button-style1-24 .bds_qzone_1:hover{background-position: -52px -0px;}
.bdshare-button-style1-24 .bds_tqq_1{background-position: -182px -0px;}
.bdshare-button-style1-24 .bds_tqq_1:hover{background-position: -156px -0px;}

.share-btn .bdshare-button-style1-24 a,.share-btn .bdshare-button-style1-24 .bds_more{ background-image: url(../img/share.png) !important; _background-image: url(../img/share.png) no-repeat !important; height: 24px; width: 24px; display: block;padding-left:0px !important;}

#mm-menu-toggle{ display: none;}
.mm-menu{ display: none;}
@media screen and (min-width:1025px) and (max-width:1240px){
    .wrap{width: 1000px; margin: 0 auto;}
    .portrait{ display: none;}
    .con-l{ width: 678px;}
    .con-r{ width: 320px;}
    .ui-datepicker th span{ width: 25px; height: 25px;}
    .ui-datepicker td span, .ui-datepicker td a{ width: 25px; height: 25px;}
    .slideBox .bd li img{ width:100%; vertical-align:top; }
    .slideBox .bd li p,.slideBox .bd li em{ position:absolute; bottom:0; left:14%; overflow:hidden; height:60px; line-height:60px; color:#fff; width:80%; z-index:9;}
    .slideBox .bd li p{ width: 100%; bottom: 0px; top: inherit;}
    .slideBox .bd li em{ left:0; width:100%; z-index:8; background:#000; filter:alpha(opacity=80); opacity:0.8}
    .slideBox .bd li span,.slideBox .bd li b{ display: none;}
    .slideBox .hd{ position:absolute; height:18px; line-height:18px; bottom:20px; left:16px; z-index:8;}
}
@media screen and (max-width:1024px){
    #head .brand{position: fixed;top:0;left: 0;width: 100%;z-index: 9;}
    #mm-menu-toggle{ display: block;}
    .mm-menu{ display: block;}
    .wrap{ width: 100%;}
    .nav{ display: none;}
    .search{ display: none;}
    .wrapper{ padding-top: 60px;}
    .portrait{ display: none;}
    .con-l_656{ width: 100%;}
    .con-l,.con-r{ width: 100%;}
    #head .brand{ height: 60px; padding: 10px 0;position: fixed;top:0;left: 0;width: 100%;z-index: 9;}
    #head .brand .logo-1{ display: none;}
    #head .brand .logo-2{ height: 40px; padding: 0; margin: 0 15px 0 0; width: auto; float:right; position:inherit;}
    #head .brand .logo-2 img{ height: 100%; width: auto;}
    /*#head .brand .logo-1{ width: 35%; padding: 42px 0 0 5%;}
    #head .brand .logo-2{ float: right;width: 40%; padding-right: 5%;}
    #head .brand .logo-1 img,#head .brand .logo-2 img{ width: 100%;}*/
    .slideBox{ width: 100%; overflow: hidden;}
    .slideBox .bd li img{ width:100%; vertical-align:top; }
    .slideBox .bd li span,.slideBox .bd li b{ display: none;}
    .slideBox .bd li p,.slideBox .bd li em{ position:absolute; bottom:0; left:14%; overflow:hidden; height:60px; line-height:60px; color:#fff; width:80%; z-index:9;}
    .slideBox .bd li em{ left:0; width:100%; z-index:8; background:#000; filter:alpha(opacity=80); opacity:0.8}
    .slideBox .bd li p{ left:0; text-indent:16px; text-align:left; font-weight:normal !important; top: inherit;}
    .slideBox .bd li em{ background: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1));background: linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1)); height:60px;}
    .slideBox .hd{ position:absolute; height:18px; line-height:18px; bottom:20px; left:16px; z-index:8;}
    .slideBox .hd li{ border-radius:50%; margin-right:4px;}
    .mod-a{ margin:0 15px;}
    .ui-datepicker th span{ width: 100%; height: auto;}
    .ui-datepicker td span, .ui-datepicker td a{ width: 100%; height: auto;}
    .ui-state-active, .ui-widget-content .ui-state-active{ border-radius: 0;}
    .mod-4 .pic{ width: 40%; float: left;}
    .mod-4 .hasDatepicker{ width: 50%; float: right;}
    .mod-6 .int{ width: 45%; float: left; display: inline; margin-top: 15px;}
    .mod-6 .wx{ width: 45%; float: right;}
    .mod-6 .mb span{ margin-top: 0px;}
    #list{ margin:0 15px;}
    #detail{ margin:0 15px;}
    #detail{ padding: 0;}
    #detail .dh .share-btn{ right: 10%;}
    .bdshare-button-style1-24 .bds_weixin_1{background-position: -208px -0px;}
    .bdshare-button-style1-24 .bds_tsina_1{background-position: -104px -0px;}
    .bdshare-button-style1-24 .bds_sqq_1{background-position: -0px -0px;}
    .bdshare-button-style1-24 .bds_qzone_1{background-position: -52px -0px;}
    .bdshare-button-style1-24 .bds_tqq_1{background-position: -156px -0px;}
}
@media screen and (max-width:640px){
    #mm-menu-toggle{ display: block;}
    .mm-menu{ display: block;}
    .wrapper{ padding-top: 60px;}
    .portrait{ display: none;}
    .con-l_656{ width: 100%;}
    .con-l{ padding-top: 15px;}
    .con-r{ padding-top: 15px;}
    #head .brand{ height: 60px; padding: 10px 0;position: fixed;top:0;left: 0;width: 100%;z-index: 9;}
    #head .brand .logo-1{ display: none;}
    #head .brand .logo-2{ height: 40px; padding: 0; margin: 0 15px 0 0; width: auto; float:right; position:inherit;}
    #head .brand .logo-2 img{ height: 100%; width: auto;}
    .slideBox .bd{ overflow: hidden;}
    .slideBox .bd li{ height: auto;}
    .slideBox .bd li img{ width:100%; vertical-align:top; }
    .slideBox .bd li p,.slideBox .bd li em{ text-overflow: ellipsis;white-space: nowrap; height:30px; line-height:30px;}
    .slideBox .bd li p{ left: 23%; width:75%; font-size: 14px;}
    .slideBox .hd{ position:absolute; height:12px; line-height:12px; bottom:8px; left:5px; z-index:8; }
    .slideBox .hd li{ display:inline-block; width:12px; height:12px; background:#fff; text-indent:-9999px; overflow:hidden; margin-right:6px; float:left; border-radius: 50%;}
    .mod-1{ margin: 0 15px}
    .mod-2 .mh{ margin-bottom: 10px; padding-top: 10px;}
    .mod-a .mb li{ height: auto; padding-top: 40px; margin-bottom: 15px;padding-bottom: 0;}
    .mod-a .mb .im{width: 147px; margin-right: 10px;}
    .mod-a .im img{ width: 100%; }
    .mod-a .mb h3{ font-size: 20px; margin: 0; position: absolute; top: 0px; left: 0px;}
    .mod-a .mb p{ font-size: 14px; margin:0 0 9px 0; height: 72px; }
    .mod-a .mb .source{ text-align:left; height: 35px; line-height: 35px; position: relative; left: 0; top: 0;}
    .mod-a .mb .source a{ position: absolute; top: 0px; right: 0px;}
    .mod-3 .mh{ margin-bottom: 10px;}
    .mod-3 .mf{ margin: 10px 0;}
    .mod-4 .pic{ width: 100%; text-align: center;}
    .mod-4 .hasDatepicker{ width: 100%;}
    .mod-6 .mb{ position: relative;}
    .mod-6 .int{ width: 100%; position: absolute; top: 0px; left: 50%; margin-left: -142px;}
    .mod-6 .wx{ width: 100%; padding-top: 170px;}
    #list .lh{ padding-bottom:10px; margin-bottom:15px;}
    #list .lb li{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
    #list #page a{ width:18%;}
    #detail .dh h2{ font-size: 26px; line-height: 38px; margin-bottom: 10px;}
    #detail .dh .share-btn{ position: inherit; bottom: 0; right: 0; margin-top: 10px;}
}