@charset "utf-8";
/* CSS Document */
body,button,input,select,textarea{ font-size:16px; font-family: Arial, Helvetica, sans-serif; border:0;color:#000; line-height:25px;}

/* Clear */
.clearfix:after{content:"";display:block;height:0px;clear:both;visibility:hidden}
.clearfix{display:inline-block}
/* Hides from IE-mac \*/ 
* html .clearfix{height:1%}
.clearfix{display:block} 
/* End hide from IE-mac */
.page_list{text-align:center;padding-top:10px; padding-bottom:2px;}
.page_list a{border:#ddd 1px solid;color:#000;padding:2px 5px;margin-right:2px}
.page_list a:hover,.page_list a:active{border:#e1e6ed 1px solid;color:#fff;background-color:#000}
.page_list span.current{border:#ddd 1px solid;padding:2px 5px;font-weight:bold;margin-right:2px;color:#FFF;background-color:#000}
.page_list span.disabled{border:#f3f3f3 1px solid;padding:2px 5px;margin-right:2px;color:#CCC}
/* webcss start*/
body{}
#wrapper{ width:100%; margin:0 auto;}
.contain{ width:1200px; margin:0 auto;}
.mt80{ margin-top:80px;}
.mt60{ margin-top:60px;}
.mt70{ margin-top:70px;}
.mt50{ margin-top:50px;}
.mt20{ margin-top:20px;}
.mt15{ margin-top:15px;}
.mt10{ margin-top:10px;}
.pt15{ padding-top:15px;}
.pt35{ padding-top:35px;}
.pt58{ padding-top:58px;}

.t_top{ line-height:40px;background-color:#141516; text-align:right; color:#fff}
.t_top a{ color:#fff}
.t_top a:visited,.tel a:active{color:#fff}
.t_top img{ position:relative; top:2px}

.top{ width:1200px; margin:0 auto; }
.logo{ float:left; width:280px; padding:12px 0px}
.tel{ text-align:right; width:190px; float:right; padding-top:28px}
.tel{animation: myfirst 0.8s infinite;}
@keyframes myfirst {
            0% {
                transform: translate(0px, 0px);
            }
            50% {
                transform: translate(0px, -5px);
            }
            100% {
                transform: translate(0px, 0px);
            }
        }

.h_top{ background-color:#f2f2f2;color:#000; height:40px; line-height:40px;}
.h_top a{ color:#000}
.h_top a:visited,.tel a:active{color:#000}

.fixednav{box-shadow:0 5px 15px 0 rgba(0,0,0,.1)}
input{outline:none}
textarea{outline:none}

#banner{ width:100%;margin:0 auto;overflow:hidden;}
.banner{ width:1440px; margin:0 auto}
#lang{position:absolute;right:15px;top:10px;z-index:1}
#lang img{margin-right:5px;vertical-align:middle}
#index_nav{ width:700px; float:left; padding-top:10px}
#MainMenu{ height:66px; line-height:66px;}

/*搜索*/
.index_search{ height:35px; line-height:35px; border-radius:18px; width:325px; margin-top:3px;float:right; background-color:#fff; margin-left:10px; color:#666}
#searchid{line-height:20px;padding:2px}
#searchtext{height:25px;line-height:25px;padding:2px;width:100%; float:left; margin-left:10px; margin-right:10px; margin-top:3px; color:#ececec}
#searchbutton{border:none;background:url(../images/searchbut.jpg) no-repeat;cursor:pointer;height:23px;width:33px; float:right; margin-top:8px}
.search1{ width:100px; float:left; margin-top:5px}
.search2{ width:270px; float:left}


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

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

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

        .language-btn .arrow-icon {
            margin-left: 193px;
            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
        }

        .language-item:hover {
            background: #f5f5f5;
        }

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

        /* More Language按钮 */
        .more-languages {
            text-align: center;
            padding: 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;
        }
       .globe-icon img{margin-top:0px !important ;}


.al_h{ width:215px; float:left; background:url(../images/al_bg.jpg) no-repeat center top;height:175px;color:#fff; text-align:center; padding-top:58px; margin-top:8px}
.al_h p{ font-size:26px; font-weight:bold; margin-bottom:10px;}
.al_h span{ text-transform:uppercase;}

.al_bg{ background:url(../images/al_bg.jpg) no-repeat center top; padding-top:65px; padding-bottom:60px;}
.index-newproducts{ width:1200px; margin:0 auto}
.productsroll{position:relative;width:1200px;margin-top:100px;}
/* productsroll Start */
#LeftArr1,#RightArr1{background:url(../images/product_arrow.gif) no-repeat center top;width:25px;height:160px;cursor:pointer;position:absolute;top:45px;z-index:1}
#LeftArr1{background-position:-25px 0px;float:left;left:8px}
#RightArr1{background-position:-50px 0px;float:right;right:0px}
#ScrollBox{width:1200px; margin:0 auto;overflow:hidden}
#ScrollBox li{float:left;display:inline;width:280px;text-align:center; margin:0 8px;}
#ScrollBox li a{display:block;}
#ScrollBox li a img{}
#ScrollBox li a:link,#ScrollBox li a:visited,#ScrollBox li a:active{color:#fff}
#ScrollBox li a:hover{color:#c71800}
#ScrollBox li a span{display:block; line-height:50px; }
/* productsroll End */