@charset "utf-8";
/*
Theme Name: 智能家居
Theme URI: https://xuewangzhan.net/
Description: 学做网站论坛开发主题，更多主题请访问：<a href="https://xuewangzhan.net/" target="_blank">学做网站论坛</a>，获得技术支持QQ：1730401718
Author: 学做网站论坛
Author URI: https://xuewangzhan.net/
Version: 1.5
Tags: Wordpress,Wordpress主题,网站主题,学做网站论坛
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;}
.topp{padding: 8px 0;color: #ddd;height: 30px;line-height: 30px;}
.topp .fleft{width:60%;height: 30px;line-height: 30px;overflow:hidden}
.topp .translate_switchs img{width:30px;margin-left:10px;vertical-align: text-bottom;margin-right:5px;}
#translate{display:none}
body{text-transform:capitalize;}
.topnav li a{font-size:105%}
.pro_list li .text h3{padding:5px 0;line-height:2em}
.prolistul li{display:block;float:left;}
.prolistul{display:inline-block;}
.prolistul .children li{display:block !important;float:none}
.prolistul>li>a{font-weight:600}
.chi,.prodivr h1{line-height:1.8em}
/*
.pro_list li:nth-child(3n+4){clear:left}
*/

.translate_switchs .chinese:after{content:'中文';color:#fff;position: relative;top: -5px;}
.translate_switchs .english:after{content:'ENGLISH';color:#fff;position: relative;top: -5px;}
/*产品详情页*/


.prodivl{width:40%}
.prodivr{width:55%}

.prodiv{margin-top:20px}
.picFocus{ margin:0 auto;  width:470px; border:1px solid #ccc; padding:5px;  position:relative;  overflow:hidden;  zoom:1;   }
.picFocus .hd{ width:100%; padding-top:5px;  overflow:hidden; }
.picFocus .hd ul{ margin-right:-5px;  overflow:hidden; zoom:1; }
.picFocus .hd ul li{ padding-top:5px; float:left;  text-align:center;  }
.picFocus .hd ul li img{ width:60px; height:40px; border:2px solid #ddd; cursor:pointer; margin-right:5px;   }
.picFocus .hd ul li.on{ background:url("images/icoUp.gif") no-repeat center 0; }
.picFocus .hd ul li.on img{ border-color:#f60;  }
.picFocus .bd{height:420px;overflow-y:hidden;}
.picFocus .bd li{ vertical-align:middle;}
.picFocus .bd img{ width:470px; height:auto; display:block;  }
.tpli img{width:470px !important;height:auto; }

.mt20{margin-top:33px;}
.yansediv a{display:inline-block;padding:5px;border:1px solid #ddd;margin-bottom:5px}
.yansediv a.on{border:1px solid #f00;}
.yansediv img{width:40px;height:40px;margin-right:10px;vertical-align:middle;}
.shuxing8{padding:20px 10px;background:#f5f5f5;}

.prodivr{font-size:1.2em;}
.prodivr h1{font-size:1.3em;}

.itm{color:#999}
.itm span{color:#333}
.projg span{color:#f00;font-size:1.8em}
.shuxing8 span{color:#444;}
.shuxing8 span.colr{color:#f00;}
.proxq{margin-top:40px;}

.proxqr{width:20%;}
.proxql{width:75%;}

.proxqr .text{line-height:1.6em;color:#333;padding:10px 0 20px;}
.yansediv .k1{display:inline;}




/*次导航
方法一：
<?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;}
	.prodivl,.prodivr,.picFocus,.picFocus .bd img,.tpli img,.proxql,.proxqr{width:100%}
	.picFocus .bd{height:300px;}
	.prodivl{margin-bottom:20px}
	.pro_list li:nth-child(2n+3){clear:left}
	.topp .fleft{display:none}
}

/* 分页*/
.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;}