@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: 
*/


@import url(font-awesome/css/font-awesome.min.css);
   
.langs>a,.langs>a:hover{color:#fff}
.topdivs>span{display:inline-block;vertical-align:middle}
/* 首字母大写 
body{text-transform:capitalize;}*/

/* 全大写 
.topnav{text-transform:uppercase;}*/

/* 浮动与清除 */
.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;}

/*二唯码弹窗*/
#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;}

.lrban{box-sizing:border-box;background-size:100% 100%;text-align:center;color:#fff !important}
.lrban h1{color:#fff}
.lrban a,.rank-math-breadcrumb a{color:#fff}

.suppotimg img{width:50%;}

/*评论*/
#comments {width: 100%;margin: 10px 0px;padding:0;text-indent: 8px;border-bottom: 0px solid #d8dde0;}
h3#comments{font-size:18px;font-weight:400;border-left:2px solid #f60;padding-left:10px;margin:20px 0}
ol.commentlist{margin-left:0;}
#commentform{font-size:14px}
.commentlist p {text-indent: 0px;font-size: 14px;line-height: 1.6;padding:10px 0 10px 55px;}
.commentlist a:hover{text-decoration:none !important;}
.commentlist>li.comment{margin: 20px 0;}
.commentlist a:link, .commentlist a:visited {background: none;color: #333;}
.comment-awaiting-moderation{position: absolute;top: -20px;right: 0;font-size: 13px;color: #999;}
.comment-body{font-size:14px}
.commentlist li {list-style: none;background: #FFF;border-bottom: 1px solid #eee;box-sizing:border-box;position:relative}
.commentlist li .gravatar {display:inline-block;vertical-align:top;width: 48px;margin: 0px 8px 5px 0px;padding: 1px 1px;text-align: center;border: 1px solid #C7C7C7;}
.commentlist li .gravatar img,.comment-author img{margin: 0px;margin-right:10px;padding: 0px;border-radius: 50%;vertical-align: top;width: 40px;height: 40px;}
.comment-body,.commentlist li ul li{position:relative;padding-bottom:10px;}
cite.fn{font-style: normal;color: #980606;padding-right: 5px;position: relative;top: -4px;}
.commentlist .comment-author:hover img {-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-webkit-transition: all ease-in-out .5s;-moz-transition: all ease-in-out .5s;}
.commentuser{display:inline-block;width:570px;}
.commentuser .codecolorer-container {width:560px !important;}
.commentlist li .floor {float: left;width: 48px;margin-top: 1px;padding: 2px 0px 1px;text-align: center;border-top: 1px solid #A7B6BE;background: F8F8F8;color: #999999;}
.commentlist li .authordata {float: right;width: 480px;}
.commentlist li .commentmetadata {font-size: 10px;color: #999;padding: 0 0 0px 57px;position: absolute;top: 20px;}
.commentlist li .commentmetadata a{color:#999}
.commentlist li .commentcontent {float: right;width: 480px;}
#editcomment p {padding: 10px 10px 5px;}
#author, #email, #url,#result{margin:5px 0 0 0;border: 1px solid #ced4da;color: #906;background: #FCFCFC;padding: 5px 5%;width:90%;}
#commentform label[for='url'],#commentform input#url{display:none;}
#respond {width: 100%;}
#respond h3,h3#respond{font-size:16px;padding:10px 0;border-bottom:1px solid #d8dde0;}
#comment {padding: 10px 3%;margin:5px 0 0 0;width: 94%;height:10em;color: #333;font-size: 14px;border: 1px solid #ced4da;}
#but_submit {margin-left: 72px;}
#commentform #submit {border-radius: 0;padding: 8px 10%;border: 0;background-color: #69c;color:#fff;font-size:16px;cursor: pointer;margin-top:20px;}
#commentform #submit:hover{background-color: #d5d2d2;}
#ctrl_enter {margin: 16px 0px 0px 5px;color: #066283;font-weight: bold;}
.submit_hover {border: 2px solid #FF6600;}
.comment-notes,label[for='comment'],.comment-form-cookies-consent{display:none;}
.comment-form-author{width:49%;float:left;}
.comment-form-email{width:49%;float:right;}
span.says{display:none}
.comment .reply{display: inline-block;position: absolute;top: 0px;right: 20px;font-size:12px;}
.comment .reply a{color:#999}

.elementor-search-form__container2{display:none}

.elementor-search-form2{position:absolute;top:100%;right:0;text-align:right;margin-right:calc( 50% - 600px)}
.elementor-search-form2 input.scc{border: 1px solid #ddd !important;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    width: 280px;
    background: #fff !important;
    margin: 0 !important;
    vertical-align: top;}
.elementor-search-form2 button{padding:10px;border:1px solid var(--e-global-color-accent) !important;background-color: var(--e-global-color-accent);display:inline-block;height:50px !important;line-height:50px !important;width:80px !important;color:#fff;padding:0}

ul{list-style:none}
.topnav>li{position:relative;float:left;text-transform:uppercase;}
.topnav>li>a{display:block;padding:25px}
.topnav li .sub-menu{position:absolute;left:-20%;right:0;top:100%;z-index:999;background:#fff;width: 140%;padding:0;box-shadow: 3px 0 10px rgba(0, 0, 0, 0.1);}
.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 .sub-menu .sub-menu{position:absolute;top:0;left:100%;}
.xlsjx{display:block;width:30px;height:30px;background:url(basic/images/down-bai.png) no-repeat 50% 50%;position:absolute;z-index:9;right:5px;top:20%;background-size:70% 70%;}
@media screen and (min-width: 768px) {	
.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);}
}
@media screen and (max-width: 768px) {
	.topnav li .sub-menu{display:none;opacity: 1;width:100%;left:0;right:0;}
}


		.picMarquee-left{ width:100%;  overflow:hidden; position:relative;  border:0px solid #ccc;   }
		.picMarquee-left .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
		.picMarquee-left .hd .prev,.picMarquee-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
			 cursor:pointer; background:url("../images/arrow.png") no-repeat;}
		.picMarquee-left .hd .next{ background-position:0 -50px;  }
		.picMarquee-left .hd .prevStop{ background-position:-60px 0; }
		.picMarquee-left .hd .nextStop{ background-position:-60px -50px; }
		.picMarquee-left .bd{ padding:10px 0;   }
		.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
		.picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
		.picMarquee-left .bd ul li .pic{ text-align:center; }
		.picMarquee-left .bd ul li .pic img{ width:240px; height:auto; display:block; padding:5px; border:1px solid #ccc; }
		.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
		.picMarquee-left .bd ul li .title{ line-height:24px; text-align:center  }
		
		
		.slideBox{ width:100%; height:600px; overflow:hidden; position:relative; border:0px solid #ddd;  }
		.slideBox ul{ padding:0;}
		.slideBox .hd{ height:25px; overflow:hidden; position:absolute;  left:0;right:0;bottom:10px; z-index:1; }
		.slideBox .hd ul{ padding:0;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:600px; display:block;  }
		@media screen and (max-width: 768px) {
		    .slideBox,.slideBox .bd img{height:260px}
		}

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
		.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(static/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;  }
		
		
		.shuzidiv{padding:80px 0;background:#0f326e}
		.shuziitem{width:25%;float:left;text-align:center;color:#fff}
		.pdt80{padding-top:80px}
		
		.elementor-136 .elementor-element.elementor-element-f0eec44{bottom:206px !important}
/*底部小图标
.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;}
.languagediv ul li a{padding-left:20px;background-position: 0px;}
.languagediv ul li:nth-child(1){background:url(basic/images/zh.png) no-repeat;background-size:20px 20px;padding-left:5px}
.languagediv ul li:nth-child(2){background:url(basic/images/en.png) no-repeat;background-size:20px 20px;padding-left:5px}
*/

/*解决图片高度不一样错位问题 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, ) ); ?>
<?php if (check_wap()): ?>
<script>
$('.topnav>li.menu-item-has-children').append('<span class="xlsjx"></span>'); 
$(".topnav li .xlsjx").click(function () {
$(this).siblings("ul").slideToggle();
});
</script>
<?php endif ;?>


<style>
.topnav li{position:relative;}
.topnav li .sub-menu{position:absolute;left:-10%;right:0;top:100%;z-index:999;background:#fff;width: 120%;box-shadow: 3px 0 10px rgba(0, 0, 0, 0.1);}
.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 .sub-menu .sub-menu{position:absolute;top:0;left:100%;}
.xlsjx{display:block;width:30px;height:30px;background:url(basic/images/down.png) no-repeat 50% 50%;position:absolute;z-index:9;right:5px;top:20%;background-size:70% 70%;}
@media screen and (min-width: 768px) {	
.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);}
}
@media screen and (max-width: 768px) {
	.topnav li .sub-menu{display:none;opacity: 1;width:100%;left:0;right:0;}
}
</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 code{padding:1px 4px;border-radius:2px;background-color:#eee;font-family:'courier new';color:#777;margin:0 4px}
.kmain table{border:solid 0px #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 0px #ddd;border-right:solid 0px #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;}

@media screen and (max-width: 768px) {
	.kmain {overflow-x:auto !important;}
	.kmain table{width:100% !important;}
	.kmain table img{max-width:100% !important;}
	.swiper-slide-contents .elementor-slide-heading{font-size:16px !important;}
	.swiper-slide-contents .elementor-slide-description{font-size:13px !important;}
	.elementor-1680 .elementor-element.elementor-element-9de0c38 .swiper-slide{height:260px !important}
	.elementor-slides .swiper-slide-inner .elementor-slide-button{height:50px !important;line-height:50px !important;width:100% !important;padding:0 10px !important}
	.elementor-counter .elementor-counter-number-wrapper{font-size:19px}
	.elementor-counter .elementor-counter-title{font-size:13px;line-height:1.5em;display:block;margin-top:10px;}
	.shuzidiv{padding:30px 0;}
	.picMarquee-left .bd ul li .pic img{width:160px}
	.elementor-search-form2{margin-right:0}
	.wapmeau{display:none;position:absolute;top:86px;left:0;right:0;width:100%;padding:20px;background:var( --e-global-color-accent );z-index:999;}
	.wapmeau li{float:none;height:40px;line-height:40px;}
	.wapmeau li a{color:#fff;padding:0;}
	.topnav li .sub-menu{background:var( --e-global-color-accent );}
}

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