@charset "utf-8";
@import url('iconfont.css');

.head{top:0px;left:0px;right:0px;width:100%;height:100px;box-sizing:border-box;z-index:1002;position:relative;background-color:#FFFFFF;transition-property:height;transition-duration:.2s;transition-timing-function:ease;max-width:1920px;margin:0px auto}
.head-wrapper{width:1600px;margin:0px auto;display:flex;justify-content:center;align-items:center}
.head-logo{min-width:300px;height:100%;margin-right:10px; padding:12px 0}
.head-nav{height:100%;width:100%}
.head-nav>ul{height:100%;display:flex;justify-content:flex-end}
.head-nav>ul>li{position:relative;height:100%}
.head-nav>ul>li>a{transition:color .3s ease;transition:background-color .3s ease;padding:0px 18px;height:100%;display:flex;font-weight:var(--fontbold6);align-items:center;justify-content:center;text-transform:uppercase;white-space:nowrap}
.head-nav>ul>li .inmenu_1,.head-nav>ul>li:hover>a{color:var(--color)}
.head-nav>ul .submenu{background-color:#FFFFFF;position:absolute;transform-origin:top;top:100%;transition:all .4s ease;transform:rotateX(90deg);opacity:0;z-index:2;display:none}
.head-nav>ul .submenu a{display:block;padding:0px 20px;line-height:40px;white-space:nowrap;transition:all .4s ease}
.head-nav>ul .submenu a:hover{background-color:var(--color);color:#FFFFFF}
.head-nav>ul .more{display:none}
.head-top{z-index:9999;width:100%;height:44px;background:var(--hovercolor);color:var(--headercolor);font-size:var(--fontsize14)}
.head-top .common-wrapper{height:100%;display:flex;justify-content:space-between}
.head-top .top-left{height:100%;line-height:40px}
.head-top .top-left a{color:var(--headercolor)}
.head-top .top-right{line-height:40px}
.head-top .top-right,.head-top .top-right .search-wrap{height:100%;display:flex;align-items:center}
.head-top .top-right .search-wrap:hover input{padding-left:14px;width:200px}
.head-top .top-right input{padding:0px;width:0px;border:none;height:75%;outline:0;border-radius:3px;transition:width .3s}
.head-top .top-right.active input{padding-left:14px;width:200px}
.head-top .icon-email, .head-top .icon-phone1{opacity:.8;position:relative;top:1px}
.head-top .search-btn{padding:0px 20px;border-left:1px solid #505050;border-right:1px solid #505050;display:flex;justify-content:center;align-items:center;cursor:pointer;margin-left:10px}
.head-contact{display:flex;min-width:160px;margin-left:50px; line-height:30px}
.head-contact .phone{margin-top:10px;white-space:nowrap}
.head-contact p:first-of-type{font-size:var(--fontsize12);font-weight:var(--fontbold6)}
.head-contact p:nth-of-type(2){font-size:var(--fontsize16)}
.head-contact img{ vertical-align:middle}
.head.active{position:fixed;top:0px;height:70px;box-shadow:0 1px 2px 0 rgba(0,0,0,.1)}

.pagebar { padding:20px; overflow:hidden; clear:both}
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 12px;
  padding: 8px 10px;
  margin: 0 2px;
  border-radius: 3px; line-height:100%
}
.pagination span {
    color: #333;
    font-size: 12px;
    padding: 7px 2px;
    margin: 0 2px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #333;
  border: 1px solid #333;
}
.pagination a.page-num-current {
  color: #fff;
  background: #333;
  border: 1px solid #333;
}
.pagination .st{ font-family:宋体}
.text-secondary{ text-align:center; padding:20px 0}

/* 语言切换按钮容器 */
        .language-switcher {
            position: relative;
            display: inline-block;float: right;
			
        }

        /* 语言切换按钮 */
        .language-btn {
            display: flex;
            border-radius: 4px;
            cursor: pointer;
            gap: 5px;
            font-size: 14px;
            color: #333;
        }

        .language-btn .globe-icon {
            font-size: 16px;
        }

        .language-btn .arrow-icon {
            margin-left: 5px;
            transition: transform 0.3s;
        }
		.language-list .hidden{ display:none}

        /* 下拉框容器 */
        .language-dropdown {
            position: absolute;
            top: calc(100% + 5px);
            right: 0;
            background: #fff;
            border: 1px solid #ddd;
            border-radius: 4px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            display: none;
            z-index: 1000;
			width:400px;
        }

        /* 语言列表 */
        .language-list {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 5px;
            padding: 10px;
            max-height: 230px;
            overflow-y: auto;
        }

        /* 语言选项 */
        .language-item {
            display: flex;
            align-items: center;
            padding: 6px 8px;
            cursor: pointer;
            border-radius: 4px;
            gap: 5px;
            font-size: 13px;
            color: #333;
			    height: 30px;overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
        }
		.language-item a{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
        .language-item:hover {
            background: #f5f5f5;
        }

        .language-item img {
            width: 16px;
            height: 12px;
            object-fit: cover;
        }

        /* More Language按钮 */
        .more-languages {
            text-align: center;
            padding: 0 8px;
            border-top: 1px solid #eee;
            cursor: pointer;
            color: #666;
            font-size: 13px;
            height: 40px;
            line-height: 40px;
        }

        .more-languages:hover {
            color: #333;
            background: #f5f5f5;
        }

        /* 展开状态 */
         .language-dropdown.active {
            display: block;
            background: white;
        }

        .language-list.show-all {
            max-height: 400px;
        }

        /* 滚动条样式 */
        .language-list::-webkit-scrollbar {
            width: 6px;
        }

        .language-list::-webkit-scrollbar-track {
            background: #f1f1f1;
        }

        .language-list::-webkit-scrollbar-thumb {
            background: #ccc;
            border-radius: 3px;
        }

        .language-list::-webkit-scrollbar-thumb:hover {
            background: #999;
        }
		
		.foot-logo img{ height:65px}