@charset "utf-8";
/*
Theme Name: 英文外贸
Version: 1.5
Tags: Wordpress,Wordpress主题
Time: 
*/

/* 首字母大写 
body{text-transform:capitalize;}*/

/* 全大写 
.topnav{text-transform:uppercase;}*/
.paragraph-n118m-1 p{text-indent:2em;}
/* 浮动与清除 */
.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;}
.logoimg{max-width:100%;max-height:100%;}
#wpmobans{display:none;}

.friendly-link-n122m-2 .sns a{background:transparent!important;}

.about-us-list-n118m-1 .about-bg ul li .data-con span{text-align:center}
/*侧边栏三级菜单*/
.zicategory{padding:5px 5px 5px 10px;display:none}
.zicategory li{padding:5px 0;height:40px;line-height:40px}
.sidenav>li{position:relative}
.jia{position:absolute;display:block;width: 30px;height: 30px;text-align:center;line-height:30px;border-radius:50%;border:1px solid #ddd;right:20px;box-sizing: border-box;background: #fff;top:15px;cursor:pointer;}
.friendly-link-n122m-2 .cinfos .cus .info .value:hover{color:#fff!important}

.savnav{width:100%;background:#002d57;padding:40px;position: fixed;z-index:9999;}
.savnav1 h3{color:#fff;font-size:1.8rem;margin-bottom:10px;margin-left:1%;padding-left:30px}
.savnav1 ul{list-style:none;}
.savnav1 ul li{float:left;padding:10px 30px;width:48%;margin:10px 1% 5px;background:#fff;text-align:center;border-radius:6px}
.savnav1 ul li a{color:#333;font-size:1.6rem;}
.savnav1 ul li:hover{background:#f5f5f5}
.savnav2 img{width:100%;margin-top:20px}

.navigation-n12m-1 .logo-link{width:42%!important}

.savnav{display:none}

.subnavs{display:none!important}
/*
.subnavs{position: fixed;
        left: 0;
        right: 0;
        width: 100%;
	max-width: 100%!important;
        min-width: 1024px;
        overflow: hidden;
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        flex-wrap: nowrap;
        z-index: 110;
        margin: 0 auto;
        transition: all .5s ease;
        opacity: 1;
	background:#f60
}

<script>
$(".jia").click(function () {
if($(this).nextAll("ul").length > 0){
$(this).nextAll("ul").stop().slideToggle();
}
})
</script>
*/
.copyright-n101m-1{height:auto!important}

/*二唯码弹窗*/
#share_wechat2{display: none;position: fixed;left: 0%;top: 0%;z-index: 99;width: 100%;height: 100%;background: rgba(0,0,0,0.3);}
.showwx2 {position: fixed;border-radius: 3px;left: 50%;top: 50%;z-index: 100;width: 260px;margin-left: -140px;margin-top: -200px;background: #fff;padding: 20px 25px 15px 25px;text-align: center;}
.wxclose2 {width: 100%;font-size: 14px;color: #333;cursor: pointer;margin-bottom: 10px;float: right;text-align: right;}
.showwx2 img {width: 220px;}
.swz22 {text-align: center;font-size: 16px;}


/*前台编辑*/
.mbg_s{position:relative;z-index:999999}
.mbg_s .mbg_edit{display:block;width:20px!important;height:20px!important;position:absolute;top:0px;right:-20px;z-index:999999}
.mbg_s.fleft+.mbg_s.fleft .mbg_edit{position:absolute;top:0px;right:-50px;z-index:999999}

.mbg_s .mbg_edit i{display:block;width:20px!important;height:20px!important;border-radius:50%;background:#fff url(basic/images/edit.png) no-repeat;background-size:100% 100%;position:relative;z-index:999999;}
.mbg_s .mbg_flbj i{background:#fff url(basic/images/flbj.png) no-repeat;background-size:100% 100%;}

.mbg_none{display:none!important}

/*底部菜单样式*/
 .ftnav{  width:100%; display: flex;
    flex-wrap: nowrap;
    justify-content: space-evenly;
	}
.ftnav>li{display: flex;
    flex: 1 1;
    flex-direction: column;
    padding: 0 5px;}
.ftnav>li>a{display:block; color: #fff;
    font-size: 1.8rem;
    margin: 0;
    font-weight: bold;
    margin-bottom: 20px;}
	.ftnav ul{padding-left:0}
.ftnav ul li{color: #f2f2f2;
list-style:none;
    font-size: 1.6rem;
    margin-bottom: 12px;}	
.ftnav ul li a {color: #f2f2f2;}

.fximgdiv img{width:32px;height:32px;}

.copyright-n101m-1 a{color:#fff}

/*底部小图标
.ftico{width:30px;height:30px;display:block;margin:0px auto;}
.ico-home{background:url(basic/images/ftico/home.png) no-repeat;background-size:100% 100%;}
.ico-lianxi{background:url(basic/images/ftico/lianxi.png) no-repeat;background-size:100% 100%;}
.ico-wx{background:url(basic/images/ftico/wx.png) no-repeat;background-size:100% 100%;}
.ico-qq{background:url(basic/images/ftico/qq.png) no-repeat;background-size:100% 100%;}
.ico-liuyan{background:url(basic/images/ftico/liuyan.png) no-repeat;background-size:100% 100%;}
.ico-tel{background:url(basic/images/ftico/tel.png) no-repeat;background-size:100% 100%;}
.ico-top{background:url(basic/images/ftico/top.png) no-repeat;background-size:100% 100%;}

<i class="ftico ico-home"></i>
<i class="ftico ico-lianxi"></i>
<i class="ftico ico-wx"></i>
<i class="ftico ico-qq"></i>
<i class="ftico ico-liuyan"></i>
<i class="ftico ico-tel"></i>
<i class="ftico ico-top"></i>
*/


/*中英文切换按钮
.languagediv,.languagediv ul li{display:inline-block;margin-left:10px}
.languagediv ul li a{padding-left:20px;background-position: 0px;background-position:0 50%;}
*/

/*解决图片高度不一样错位问题 2n+3:一行2个+（2+1）
.product_list88 li:nth-child(2n+3){clear:left}
*/



/*次导航
方法一：
<?php wp_nav_menu( array( 'theme_location' =>'topmenu','container' => '','menu_class' => 'topnav','menu_id' => 'topmeau','depth' => 2, ) ); ?>
<script>
$('.topnav>li.menu-item-has-children').append('<span class="xlsjx"></span>'); 
$(".topnav li .xlsjx").click(function () {
$(this).siblings("ul").slideToggle();
});
</script>


<style>
.topnav li{position:relative;}
.topnav .sub-menu>li,.topnav .sub-menu>li a{display:block;width:100%;text-align:center;box-sizing:border-box;margin:0;padding:0;}
.topnav .sub-menu li{line-height:36px;position:relative;}

.topnav li .sub-menu li a{color:#444;line-height:1.5em;padding:10px 0;}
.topnav li .sub-menu  li a:hover{color:#fff}

.xlsjx{display:block;width:20px;height:20px;background:url(basic/images/down.png) no-repeat 50% 50%;position:absolute;z-index:9;right:5px;top:20px;background-size:70% 70%;}

@media screen and (min-width: 768px) {
.topnav li .sub-menu{position:absolute;left:-10%;right:0;top:100%;z-index:99999999999;background:#fff;width: 120%;box-shadow: 3px 0 10px rgba(0, 0, 0, 0.1);}
.topnav li .sub-menu{filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0,direction=120,strength=5);opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);}
.topnav li:hover>.sub-menu,.topnav .sub-menu:hover{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
.topnav .sub-menu .sub-menu{position:absolute;top:0;left:100%;}
}
@media screen and (max-width: 768px) {
	.topnav li .sub-menu{display:none;opacity: 1;position:relative;left:0;right:0;top:0;z-index:1;padding-left:10px;box-sizing:border-box;}
}
</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; }


*/

.fancybox-container{z-index:99999999999!important;}

/*文章页*/
.kmain,.kmain p{font-size:16px}
.kmain p{text-indent:2em;}
.kmain .aligncenter{margin:10px auto;}
.kmain img {display:block;	max-width:100%;	height:auto;margin:10px auto;}
.kmain video{display:block;	max-width:100%;	height:auto;}

.kmain code{padding:1px 4px;border-radius:2px;background-color:#eee;font-family:'courier new';color:#777;margin:0 4px}
.kmain table{border:solid 1px #ddd;max-width: 100%;box-sizing:border-box;margin-bottom: 16px;border-collapse:collapse;}
.kmain table th{background-color:#f9f9f9;text-align:center}
.kmain table td,.kmain table th{border-bottom:solid 1px #ddd;border-right:solid 1px #ddd;padding:5px 10px}

.kmain .alignleft{float:left;text-align:left;margin-right:10px}
.kmain .aligncenter{text-align:center}
.kmain .alignright{float:right;text-align:right;margin-left:10px}

.kmain pre{margin:15px auto;font:12px/20px 'courier new';border:1px solid #d6d6d6;border-left-width:4px;background:#fbfbfb;padding:10px 15px}
.kmain blockquote{margin:15px auto;border:1px solid #d6d6d6;border-top-width:3px;padding:15px 20px 10px;background-color:#fdfdfd;}
.kmain blockquote p{margin:0;padding:0;text-indent:24px;margin-bottom:10px;}

.videosp{width:100%;height:480px;margin-bottom:20px}

@media screen and (max-width: 768px) {
	.kmain {overflow-x:auto !important;}
	.kmain table{width:100% !important;}
	.kmain table img{max-width:100% !important;}
	.videosp{width:100%;height:280px}
	.savnav{padding:10px}
	
.navigation-n12m-1 .logo-link{width:72%!important}
}

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