@charset "utf-8";
/*
Theme Name: 新媒体博客
Theme URI: https://wpmbg.com/
Description: WP模板阁开发主题，更多主题请访问：<a href="https://wpmbg.com/" target="_blank">WP模板阁</a>，获得技术支持QQ：1730401718
Author: WP模板阁
Author URI: https://wpmbg.com/
Version: 1.5
Tags: Wordpress,Wordpress主题,网站主题,WP模板阁
Time: 
*/

/* 浮动与清除 */
.fleft {float: left;}
.fright {float: right;}
.clearfix:after {clear: both;content: ".";display: block;height: 0;font-size: 0;visibility: hidden;}
.clearfix {*zoom:1;}
img.aligncenter{display:block;margin-left:auto;margin-right:auto;}
.ovh{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.wapftnav{display:none;}

	/* 本例子css */
		.slideBox{ width:100%; overflow:hidden; position:relative; border:0px solid #ddd; margin-bottom:30px; }
		.slideBox .hd{ position:absolute;  left:0;right:0;bottom:10px; z-index:1; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; width:100%;text-align:center;  }
		.slideBox .hd ul li{ display:inline-block; margin-right:2px;  width:10px; height:10px; border-radius:50%;line-height:14px; text-align:center; background:#fff; cursor:pointer; }
		.slideBox .hd ul li.on{ background:#f00; color:#fff; }
		.slideBox .bd{ position:relative; height:100%; z-index:0;  }
		.slideBox .bd li{ zoom:1; vertical-align:middle; }
		.slideBox .bd img{ width:100%; height:auto; display:block;  }
		
		/*文字样式*/
		.slideBox .bd li{position:relative;}
		.banwzmain{position:absolute;left:16%;top: 34%;z-index: 22;color: #1a54a5;}
		.banwzmain h3{font-size: 40px;line-height: 50px;}
		.banwzmain p{font-size: 18px;line-height: 1.6em;padding-top: 26px;}
		.banwzmain a.banviewmore{display:inline-block;padding:0px 60px;background-color: #009ee7;color:#fff;border-radius: 60px;box-shadow: 0 10px 20px #b6e2f9;text-align: center;line-height: 60px;margin-top: 40px;}		
		.banwzmain{ animation: slideIn 1s ease-out forwards;}        
        @keyframes slideIn {
            from {
                /* 从屏幕左侧完全移出 */
                transform: translateX(-100%);
                left: -100%;
            }
            to {
                /* 回到原始位置 */
                transform: translateX(0);
                left: 16%;
            }
        }		
		@media screen and (max-width: 768px) {
			.banwzmain{position:absolute;left:16%;top: 10%;}
		    .banwzmain h3{font-size:18px;}
			.banwzmain p{font-size:14px;padding-top: 10px;}
			.banwzmain a.banviewmore{height:36px;line-height:36px;padding:0px 20px;margin-top: 10px;}
		}
		
		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(basic/images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }

/*次导航
方法一：
<?php wp_nav_menu( array( 'theme_location' =>'topmenu','container' => '','menu_class' => 'topnav','menu_id' => 'topmeau','depth' => 2, ) ); ?>
<style>
.topnav li{position:relative;}
.topnav .sub-menu{display:none;position:absolute;left:0;right:0;top:60px;width: 100%;}
.topnav .sub-menu>li,.topnav .sub-menu>li a{display:block;width:100%;text-align:center;}
.topnav li:hover>.sub-menu{display:block;}
.topnav .sub-menu>li{height:30px;line-height:30px;}
</style>

方法二：
<script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/admin/js/jquery.SuperSlide.2.1.3.js"></script>

<?php wp_nav_menu( array( 'theme_location' =>'topmenu','container' => '','menu_class' => 'topnav','menu_id' => 'topmeau','depth' => 2, ) ); ?>

<script id="jsID" type="text/javascript">
			
			jQuery("#topmeau").slide({ 
				type:"menu",// 效果类型，针对菜单/导航而引入的参数（默认slide）
				titCell:"li.menu-item-has-children", //鼠标触发对象
				targetCell:".sub-menu", //titCell里面包含的要显示/消失的对象
				effect:"slideDown", //targetCell下拉效果
				delayTime:300 , //效果时间
				triggerTime:0, //鼠标延迟触发时间（默认150）
				returnDefault:true //鼠标移走后返回默认状态，例如默认频道是“预告片”，鼠标移走后会返回“预告片”（默认false）
			});
		</script>
		
.topnav>li{float:left;font-size: 15px;color: #282828;margin-left: 28px;position:relative;}
.topnav>li:hover,.topnav>li.current-menu-item{border-bottom:1px solid #d82019;}
.topnav li.menu-item-has-children .sub-menu{ display:none; left:0; top:80px;  position:absolute; left:-20px;background:#fff;  line-height:26px; width: calc(100% + 40px);z-index:999; }
.topnav li.menu-item-has-children .sub-menu li{ zoom:1;  }
.topnav li.menu-item-has-children .sub-menu li a{ display:block; padding:10px; color:#666;border-bottom:1px solid #eee;text-align:center;}
.topnav li.menu-item-has-children .sub-menu li:hover a{ background:#0b50a2;color:#fff; }
*/



/*文章页*/
.kmain,.kmain p{line-height:2.3em;}
.kmain img {display:block;	max-width:100%;	height:auto;margin:10px auto;}
.kmain video{display:block;	max-width:100%;	height:auto;}
.kmain table{max-width:100% !important;box-sizing:border-box;border:1px solid #ddd;border-collapse:collapse;}
.kmain td{border:1px solid #ddd;padding:5px 10px;}
@media screen and (max-width: 768px) {
	.kmain {overflow-x:auto !important;}
	.kmain table{width:100% !important;}
	.swiper-slide{height:230px!important}
	.swiper-slide img{width:100%;height:auto;}
	.wapftnav{display:block;position:fixed;z-index99999;bottom:0;left:0;right:0;background:#000;color:#fff;font-size:16px;}
	.wapftnav ul{display:flex;justify-content:space-around;padding:15px 0;}
	.wapftnav a{color:#fff;}
}

/* 分页*/
.pagination{height:40px;width:100%;text-align:center;margin-top: 20px;text-align:center;}
.pagination .current, .pagination a{display:inline-block;height:30px;line-height:30px;padding:0px 8px;border:1px solid #c0c8ce;border-radius: 3px;margin-right:10px;font-size:14px;text-decoration:none;}
.pagination a:hover,.pagination .current{color:#6e7275;background:#FFF;}
.pagination a{background:#c0c8ce;color:#FFF;}