@charset "utf-8";
/* CSS Document */
.w1200{ width:1234px; padding:0 12px;}
.icon{ background:url(../images/icon.png) no-repeat; display:inline-block;}
#xhead .banner{ margin-top:10px;}
.banner img{ vertical-align:top;}
.banner .fl{ margin-right:10px;}
.banner .ad1,.banner .ad3{ width:207px;}
.banner .ad2{ width:800px;}
.banner iframe{ width:100% !important;}
#xhead .head2 .logo{width:160px;}
.content { background:url(../images/content_20160515.jpg) no-repeat center top;}
.content .fengge_ad_pc{ height:60px; width:100%;}
.content .w{ background:#FBFBFC; padding-top:12px;}
#side_ad{ width:354px; height:100px;}
#side_ad .bd{ width:100%; height:100px;  position:relative;}
#side_ad .bd li{ width:100%; height:100%; cursor:pointer;position:absolute;top:0; left:0;}
#side_ad .bd li .im_b{ position:absolute; top:0; left:0px; padding:17px; background:#fff; box-shadow:0 0 20px rgba(0,0,0,0.3); display:none; }
#side_ad .bd li .im_b img{ width:320px;}
.content .cont-l .mod-d .box-a .h span{ font-size:20px;}
.content .cont-l .mod-d .box{ float:left; width:390px;}
.content .cont-l .mod-d .box .item li a{ padding-left:0;}
.content .cont-l .mod-d .box .item li .dot{ background-position:0 -210px; display:none;}
/*.content .cont-l .mod-d .box14 .h span{ color:#000;}
.content .cont-l .mod-d .box14 .on{ color:#CC0000;}
.content .cont-l .mod-d .box14 .b{ display:none;}
.content .cont-l .mod-d .box14 .cur{ display:block;}*/
.content .cont-l .mod-d .box-l{ margin-right:50px;}
.content .cont-r{ width:354px;}
/*sidebar*/
.sidebar{ width:354px;}
.sidebar .m .h{ height:50px; line-height:50px; border-bottom:8px solid #ccc; position:relative;}
.sidebar .m .h .fl{ color:#01204f; font-size:24px; font-weight:bold;}
.sidebar .m .h .fr{ color:#acacab; font-size:14px;}
.sidebar .m .h span{ color:#cc0000;}
.sidebar .mod-2 .h{ background:#01204f; color:#fff; padding:0 20px; height:40px; line-height:40px; border:none;}
.sidebar .mod-2 .h .fl{ font-size:18px;}
.sidebar .mod-2 .h .fl,.sidebar .mod-2 .h .fr{ color:#fff;}
/*视频播报*/
.sidebar .m1  .demo{ position:relative; width:100%; z-index:1}
.sidebar .m1  .sidebox {width:354px;background:#f3f3f3; height:201px;margin:20px 0; padding:20px 0;}
.sidebar .m1  .demo .bigImg{ width:354px; background:#f3f3f3; height:201px; overflow:hidden;}
.sidebar .m1  .demo .bigImg li{ width:100%; height:201px; position:relative;}
.sidebar .m1  .demo .bigImg li a{ display:block; width:100%; height:201px;}
.sidebar .m1  .demo .bigImg li .im{ width:100%; height:201px;overflow:hidden;}
.sidebar .m1  .demo .bigImg li  p,.sidebar .m1  .demo .bigImg li em{ position:absolute; bottom:0; left:0; line-height:40px; color:#fff; font-size:16px; height:40px; text-indent:10px; width:100%; overflow:hidden; z-index:9;}
.sidebar .m1  .demo .bigImg li  em{ z-index:8; background:#000; opacity:0.8; filter:alpha(opacity=80);}
.sidebar .m1  .demo .bigImg li span{ display:block; height:59px; width:59px; position:absolute; top:50%; left:50%; margin:-29.5px 0 0 -29.5px; background-position:0 -52px; display:none;}
.sidebar .m1  .demo .smallScroll{ width:100%; height:54px; position:relative;  overflow:hidden; }
.sidebar .m1  .demo .smallScroll .smallImg{ width:286px; overflow:hidden; margin:0 auto;height:54px;}
.sidebar .m1  .demo .smallScroll li{ height:54px; width:87px; margin:0 4px; text-align:center; float:left;}
.sidebar .m1  .demo .smallScroll li a{ display:block; height:100%; width:100%;}
.sidebar .m1  .demo .smallScroll li img{ height:46px; width:83px;  border:2px solid #fff;}
.sidebar .m1  .demo .smallScroll .on img{ border-color:#f78702;}
.sidebar .m1  .demo .icon{ position:absolute; top:50%; margin-top:-13px; height:26px; width:26px;}
.sidebar .m1  .demo .sPrev{ background-position:-96px -52px; left:0;}
.sidebar .m1  .demo .sPrev:hover{ background-position:-96px -78px;}
.sidebar .m1  .demo .sNext{ background-position:-122px -52px; right:0;}
.sidebar .m1  .demo .sNext:hover{ background-position:-122px -78px;}
.sidebar .m1 .b1{ display:none;}
/*新闻排行 、厦门、今日看点*/
.sidebar .m2 .h .on,.sidebar .m2 .b li a:hover,.sidebar .m3 .b li a:hover{ color:#cc0000;}
.sidebar .m2 .h .fr{ display:none;}
.sidebar .m2 .h .cur{ display:block;}

.sidebar .m2 .h .sz{ color:#01204f; font-size:24px; font-weight:bold; float:left;}
.sidebar .m2 .b,.sidebar .m3 .b{ height:300px; overflow:hidden; background-position:-252px 0; }
.sidebar .m2 .b li,.sidebar .m3 .b li{ text-indent:30px; line-height:30px; height:30px; overflow:hidden;}
.sidebar .m2 .b li a,.sidebar .m3 .b li a{ color:#01204f;}
.sidebar .m2 .b .b1{ display:none;}
.sidebar .m2 .b .on1{ display:block;}

.sidebar .m3 .h .aqfz{ display:block; position:absolute; top:11px; right:0; background:url(../images/aqfz.png) no-repeat; width:226px; height:34px;}
/*遇见婚恋网、信息联播*/
.sidebar .s1 li{ text-align:center; width:169px; float:left;}
.sidebar .s1 .cur{ margin-right:15px;}
.sidebar .s1 li img{ width:169px; height:98px; overflow:hidden;}
.sidebar .s1 li p{ height:30px; line-height:30px; text-align:center; color:#01204f; overflow:hidden;}
.sidebar .s2 li{ text-indent:16px; line-height:30px; height:30px; overflow:hidden; position:relative;}
.sidebar .s2 li i{ height:5px; width:5px; position:absolute; left:0; top:13px; background-position:0 -141px;}
.sidebar .s2 li a,.sidebar .s3 li a{ color:#01204f;}
.sidebar .s1 a:hover p,.sidebar .s2 a:hover,.sidebar .s3 a:hover{ color:#cc0000;}
.sidebar .s3{*height:141px;}
.sidebar .s3 li{ border-bottom:1px solid #e8e8e8; height:46px; line-height:46px; overflow:hidden; color:#01204f; }
.sidebar .s3 li a{ display:block; height:100%; width:100%;}
.sidebar .s4 li{ text-align:center; width:146px; height:185px; float:left; margin:10px 14px 0; display:inline;}
.sidebar .s4 li img{ box-shadow:0 4px 10px rgba(0,0,0,.1); width:100%;}
.sidebar .s4 p{ font-size:14px;}
.content .box .item img:hover{transform: scale(1.2);transition: all 0.5s;}
.sidebar-l .banner iframe,.sidebar-r .banner iframe{ background:#f3f3f3; padding:20px 0;}

.sidebar .ym{ margin-top:30px; border-top:8px solid #ccc; padding-top:10px;}
.sidebar .ym .meng .h{ line-height:50px; font-weight:bold; font-size:16px; color:#333;}
.sidebar .ym .meng .b a{ font-size:12px; color:#666; margin-right:8px;}
.sidebar .ym .meng .b a:hover{ color:#004276}

#goTop{ margin-left: 637px;}
@media screen and (min-width:1025px) and (max-width:1234px){
	.w1200{ width:1000px;}
	.content .cont-r, .sidebar{ width:316px;}
	#side_ad{ width:316px;}
	.content .cont-l .mod-d .box{ width:315px;}	
	.content .cont-l .mod-d .box-l{ margin-right:20px;}
	.sidebar .m1  .sidebox{ padding:0; width:100%; height:179px;}
	.sidebar .m1  .demo .bigImg{ width:316px; height:179px;}
	.sidebar .m1  .demo .bigImg li{  height:179px;}
	.sidebar .m1  .demo .bigImg li .im{height:139px;}
	.sidebar .m1  .demo .smallScroll{height:46px;}
	.sidebar .m1  .demo .smallScroll .smallImg{ width:246px;height:46px;}
	.sidebar .m1  .demo .smallScroll li{ height:46px; width:74px; margin:0 4px;}
	.sidebar .m1  .demo .smallScroll li img{ height:40px; width:70px;}
	.sidebar .s1 li{ width:147px;}
	.sidebar .s1 li img{ width:100%; height:86px;}
	.sidebar .s4 li{ width:130px;}
}
@media screen and (max-width:1024px){
	.w1200{ width:100%; padding:0; }
	.content{ background:#f8f8f8;}
	.content .w{ padding:0;}
	.content .headline{ margin-top:0;}
	#wap-head .imt .wap-logo .fengge_ad{ display:none;}
	.content .cont-l .mod-d .box{ width:48%; float:left;}
	.content .cont-l .mod-d .box-l{ width:50%; margin-right:2%; padding-right:2%;box-sizing:border-box; -webkit-box-sizing:border-box; border-right:1px solid #f2ebe3;}
	.content .cont-l .mod-d.box8{ margin-top:20px;}
	.content .cont-r{ width:100%;}
	.sidebar{ width:100%;} 
	.sidebar .sidebar-l{ width:48%; float:left;}
	.sidebar .sidebar-r{ width:48%; float:right;}
	.sidebar .shouyeguanggao{ display:none;}
	.sidebar .m1{ margin-top:20px;}
	.sidebar .m1 .b{ display:none;}
	.sidebar .m1 .b1{ display:block; margin-top:20px;}
	.sidebar .m1 .b1 li{ width:32%; height:auto; margin-right:2%; background:#f3f3f3; position:relative; float:left;}
	.sidebar .m1 .b1 li p{ position:absolute; color:#787878; height:40px; line-height:40px; overflow:hidden; bottom:0; left:5%; width:90%; text-align:center;}
	.sidebar .s1 li{ width:48%; height:auto;}
	.sidebar .s1 .cur{ margin-right:4%;}
	.sidebar .s1 li img{ max-width:100%; height:auto;}
	.sidebar .s4 li{ width:21%; margin:10px 2% 20px;}
	.sidebar .ym{ display:none;}
}
@media screen and (max-width:640px){
        .bd_ad{ display:none;}
	.content .cont-l .mod-d .box{ width:100%; float:inherit;}
	.content .cont-l .mod-d .box-l{ width:100%; margin-right:0; padding-right:0; border-right:0;}
	.sidebar .m .h{ height:56px;}
	.sidebar .m .h .fl{ margin-left:16px;}
	.sidebar .m .h .fr{ margin-right:16px;}
	.sidebar .sidebar-l,.sidebar .sidebar-r{ width:100%; float:none;}
	.sidebar .mod-2 .h{ padding:0; height:40px;}
	.sidebar .m1 .b1,.sidebar .s1{ padding:0 16px;}
	.sidebar .m1 .b1 li{ width:48%; margin-right:4%; font-size:16px;}
	.sidebar .m1 .b1 li.item2{ margin-right:0;}
	.sidebar .m1 .b1 li.item3{display:none;}
	.sidebar .s3 li{ padding:0 16px;}
	.sidebar .s2 li{height:46px; line-height:46px; text-indent:0; border-bottom:1px solid #e8e8e8;padding:0 16px;}
	.sidebar .s2 li i{ display:none;}
	.sidebar .s4{ padding:0 16px;}
	.sidebar  li{ font-size:18px;}
	.sidebar .s1 li,.sidebar .s4 li{ font-size:16px;}
	.sidebar .m3 .h .aqfz{ display:none;}
	.sidebar .m3 .b{ height:auto; background:none; display:block;}
	.sidebar .m3 .b li{ height:46px; line-height:46px; text-indent:0; border-bottom:1px solid #e8e8e8; padding:0 16px;}
	.sidebar .ym{ display:none;}
        #wap-foot{height:60px; line-height:24px; font-size:16px;padding-top:6px;}
        #wap-foot a{ color:#fff;margin:0 10px;}
        #wap-foot p{ height:24px;}
}
.bounceIn{-webkit-animation:bounceIn 0.6s .1s ease both;animation:bounceIn 0.6s .1s ease both;}
@-webkit-keyframes bounceIn{
	0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}
	100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes bounceIn{
	0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}
	100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
}