@charset "utf-8";
/*
Theme Name: 外贸机械
Theme URI: https://aiwangxue.com/
Description: WP模板阁开发主题，更多主题请访问：<a href="https://aiwangxue.com/" target="_blank">WP模板阁</a>，获得技术支持QQ：1730401718
Author: WP模板阁
Author URI: https://aiwangxue.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;}

/*次导航

<?php
wp_nav_menu( array(
'theme_location' => 'topmenu',
'depth' => 2,
'container' => false,
'menu_class' => 'nav navbar-nav navlist',
'menu_id' => 'topmeau',
'fallback_cb' => 'wp_page_menu',
//添加或更改walker参数
'walker' => new wp_bootstrap_navwalker())
);
?>

<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;}
}

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


/* ============================================
   语言切换器样式  2026-01-06添加 至结束
   ============================================ */

/* 语言切换器容器 */
.language-switcher-container {
    display: inline-block;
    vertical-align: middle;
}

/* 语言链接样式 */
.language-switcher-links {
    display: flex;
    align-items: center;
    gap: 0;
    background: #f8f9fa;
    padding: 4px 8px;
    border-radius: 4px;
    border: 1px solid #e9ecef;
}

.language-switcher-links a,
.language-switcher-links span {
    display: inline-block;
    text-decoration: none;
    font-size: 13px;
    line-height: 1.4;
    padding: 2px 8px;
    transition: all 0.2s ease;
    border-radius: 3px;
    font-weight: 500;
    color: #495057;
}

/* 其他语言链接 */
.language-switcher-links a.language-link-other {
    color: #495057;
    background: transparent;
}

.language-switcher-links a.language-link-other:hover {
    color: #007bff;
    background-color: #e9ecef;
}

/* 当前语言 */
.language-switcher-links span.current {
    color: #007bff;
    font-weight: 600;
    background-color: #e7f1ff;
    cursor: default;
}

/* 分隔符 */
.language-separator {
    color: #adb5bd;
    padding: 0 2px;
    font-weight: 300;
    user-select: none;
}

/* 头部特定位置调整 */
.language-switcher-header {
    text-align: right;
    margin-bottom: 10px;
}

/* 移动端适配 */
@media (max-width: 768px) {
    .language-switcher-links a,
    .language-switcher-links span {
        font-size: 12px;
        padding: 2px 6px;
    }
    
    .language-switcher-header {
        text-align: center;
        margin: 5px 0 15px 0;
    }
}

/* 小屏幕手机 */
@media (max-width: 480px) {
    .language-switcher-links {
        padding: 3px 6px;
    }
    
    .language-switcher-links a,
    .language-switcher-links span {
        font-size: 11px;
        padding: 1px 4px;
    }
}

/* ============================================
   流体布局优化 - 2026-01-06添加
   ============================================ */

/* 优化流体容器 */
.container-fluid {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

/* 超大屏幕限制最大宽度并提供更好的内边距 */
@media (min-width: 1400px) {
    .container-fluid {
        max-width: 1600px;
        margin: 0 auto;
        padding-left: 40px;
        padding-right: 40px;
    }
}

/* 超宽屏幕优化 */
@media (min-width: 1920px) {
    .container-fluid {
        max-width: 1800px;
        padding-left: 60px;
        padding-right: 60px;
    }
}

/* 产品列表列宽优化 */
@media (min-width: 1200px) {
    .col-xl-2 {
        width: 20%;
    }
    .col-xl-3 {
        width: 25%;
    }
    .col-xl-4 {
        width: 33.333333%;
    }
}

@media (min-width: 1600px) {
    .col-xl-2 {
        width: 16.666667%;
    }
    .col-xl-3 {
        width: 20%;
    }
    .col-xl-4 {
        width: 25%;
    }
}

/* 确保图片在流体布局中自适应 */
.opacity_img,
.group_img img,
.about_img,
.news_img img,
.img-thumbnail {
    max-width: 100%;
    height: auto;
    display: block;
}

/* 产品列表和新闻列表响应式优化 */
.product_list,
.related_list,
.news_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.product_img,
.group_img,
.news_img {
    margin-bottom: 30px;
    box-sizing: border-box;
}

/* 超大屏幕上增加列数 */
@media (min-width: 1600px) {
    .product_list .col-xl-2 {
        width: 16.666667%; /* 6列 */
    }
    
    .group_img.col-xl-2 {
        width: 16.666667%; /* 6列 */
    }
    
    .news_list .col-xl-4 {
        width: 25%; /* 4列 */
    }
}

/* 确保内容区域在流体布局中正确换行 */
.right_contents,
.product_con,
.about_content {
    max-width: 100%;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

/* 关于我们区域流体优化 */
.js_about_left,
.js_about_right {
    padding: 20px;
    box-sizing: border-box;
}

@media (min-width: 1200px) {
    .js_about_left,
    .js_about_right {
        padding: 30px;
    }
}

/* 面包屑导航流体优化 */
.bread_bg .container-fluid {
    padding-top: 15px;
    padding-bottom: 15px;
}

/* 页头区域优化 */
.product_head,
.group_head,
.news_head {
    text-align: center;
    padding: 40px 0 30px;
    width: 100%;
}

@media (min-width: 1200px) {
    .product_head,
    .group_head,
    .news_head {
        padding: 60px 0 40px;
    }
}

/* 轮播图流体优化 */
.flash {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

.bxslider img {
    width: 100%;
    height: auto;
    max-width: 100%;
}

/* 表单在流体布局中的优化 */
.feedback .form-group {
    margin-bottom: 20px;
}

@media (min-width: 1200px) {
    .feedback .form-group {
        margin-bottom: 25px;
    }
    
    .feedback .form-control {
        max-width: 100%;
        box-sizing: border-box;
    }
}

/* 分页在流体布局中的优化 */
.pagination {
    width: 100%;
    text-align: center;
    padding: 30px 0;
}

.pagination a,
.pagination .current {
    margin: 0 5px;
    padding: 8px 15px;
}

/* 侧边栏在流体布局中的优化 */
.left_column,
.left_news,
.left_contact {
    padding: 20px;
    box-sizing: border-box;
}

@media (min-width: 1200px) {
    .left_column,
    .left_news,
    .left_contact {
        padding: 25px;
    }
}