/******************************
www.adminbuy.cn
(Optimized by UI Expert for Vesol Energy)
 ******************************/
body{font-family: 'microsoft yahei',Arial,Helvetica, sans-serif; color: #2F2F2F;}
a{transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;}
ul{list-style:none;}
.flash img{ width: 100%}
.flash ul.bxslider{list-style:none;}
.flash div.bx-pager{bottom: 4%;}
.flash div.bx-controls-direction{ display:none; }
.page_bg{margin-top: 78px;}
.main{ padding:30px 0px 10px 0px;}
.img-thumbnail:hover,.opacity_img:hover,.img-circle:hover{opacity: 0.8;}
.top_menu{font-size: 12px;background:#1a1a1a; color: #fff;width:100%;height: 42px;line-height: 42px;}
.top_lang{float: right;height: 34px; padding: 0px 10px 0px 10px; }
.nav_icons p{padding:0px;}
.nav_icons a{display: inline-block;color:#fff; border-radius: 50%;padding:0px 5px 0px 5px;}
.nav_icons i {font-size: 16px;border-radius: 50%;text-align: center;}
 
/*翻译*/
.change-language {
    display: inline-block;
    position: relative;
    text-align: left;
    vertical-align: middle;
    margin-left: 2px;
    white-space: normal;
    float: right;
    line-height: 42px;
}

.change-language-title a {
    color: #666;
}

.change-language .change-language-title, .change-language .change-language-title a {
    font-size: 14px;
}

.change-language .change-language-title a:after {
    font-family: 'fontawesome';
    content: "\f0d7";
    display: inline-block;
    padding-left: 2px;
}

.change-language:hover .change-language-title a:after {
    -moz-transform: rotate(-360deg);
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.change-language .change-language-cont {
    position: absolute;
    top: 42px;
    right: 0;
    width: 350px;
    background: #FFF;
    padding: 15px 0px 0px 0px;
    transform: scale3d(0.9, 0.9, 1);
    opacity: 0;
    visibility: hidden;
    z-index: 999;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border: 1px solid #ccc;
    border-radius: 5px;
	Z-INDEX: 9999;
}

.change-language:hover .change-language-cont {
    transform: scale3d(1, 1, 1);
    opacity: 1;
    visibility: visible;
}

.change-language .change-language-cont li {
    display: inline-block;
    vertical-align: top;
    width: 46%;
    font-size: 10pt;
    overflow: hidden;
}

.change-language .change-language-cont li a:hover {
    color: #4e4e4e;
}

.change-language .change-language-cont .lang-item-hide {
    display: none !important;
}

.change-language .change-language-cont .lang-more {
    position: relative;
    display: block;
    text-align: center;
    cursor: pointer;
    line-height: 30px;
}

.change-language .change-language-cont .more-active {
    font-size: 20px;
}

.language-flag span {
    position: relative;
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    padding: 0 0 0 15px;
    overflow: hidden;
}

.change-language-cont .language-flag span {
    font-size: 16px;
}

.change-language .change-language-title a:after {
    color: #000;
}

.change-language .change-language-title .language-flag span {
    color: #FFF;
}

.change-language ::-webkit-scrollbar {
    width: 5px;
}

.change-language ::-webkit-scrollbar-track {
    background-color: #000;
}

.change-language ::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,.3);
    border-radius: 3px;
}

.change-language .language-cont:hover::-webkit-scrollbar-thumb {
    display: block
}

li.language-flag a {
    position: relative;
    color: #000;
}

/*end*/

.language{float: right;height: 42px;color: #fff;}
.language a{color: #fff;}
.top_name{display: inline-block;}
/*产品分类横排*/
.center_nav{ clear: both; padding-top: 20px; text-align:center;}
.center_nav_ul{ list-style:none;margin:0px;padding:0px; display:inline-block;}
.center_nav_ul > li{border: solid 1px #e1e1e1;margin-bottom:8px;position:relative; float: left; margin: 0px 20px 10px 0px;}.center_nav_ul > li:last-child{background: none;}
.center_nav_ul > li > a{text-decoration:none; color:#000000;display:block; text-align:center;padding: 10px 35px 10px 45px;font-family: 'Microsoft YaHei';}
.center_nav_ul > li > a:hover,.center_nav_ul li a.center_active{background:#222222;color:#FFF;}

/*导航菜单*/
.navbar{ margin:0px; background-color: #fff; border: none; margin-top: 0px;
  box-shadow: 0px 3px 4px rgba(0, 0, 0,0.1);}
#app_menudown{position: absolute; top:0px; right:0px; font-size: 16px;}
#app_menudown:hover{background-color: #222222;}

/*产品搜索*/
.search_group{margin: 25px 0px 35px 0px;}
.form-control{border-radius: 0px; box-shadow: none;}
.mysearch_btn{ background-color:#222222;color:#fff;border-radius: 0px;}
.mysearch_btn:hover,.mysearch_btn:focus{ background-color:#ff6a00; color:#fff;}
#small_search{float: right; margin-top: 7px; padding:8px 13px;font-size: 17px;border-radius: 4px; color: #fff;}
#small_search:hover,#small_search:focus{cursor: pointer; background-color: #3477c8;}
 
/*首页-公司简介*/
.about_bg{padding: 50px 0;}
.about_img{max-width: 100%;margin-top:30px;}
.about_h2{font-size: 38px;color: #222;font-weight: bold;font-family: 'Poppins', sans-serif;}
.about_p{color: #555555;font-size: 19px;margin-top: 60px;font-weight: bold;}
.about_content{font-size: 16px;line-height: 34px;color: #555;margin:20px 0;}
.about_btn{display: block;text-align: center;width: 100px;padding: 15px 0px;color: #fff;background-color: #222222;border:1px solid #222222;border-radius: 10px;font-weight: bold;}
.about_btn:hover,.about_btn:focus{color: #fff;text-decoration: none;background-color: #ff6a00;border:1px solid #ff6a00;}

/* 滚动的数字 */
#index-about{}
.our_service{background-color: #1a1a1a;padding:55px 15px;margin-bottom: 35px;}
.ve {padding: 0;}
.value {color: #fff;}
.value span{font-size: 40px;}
.icon img {max-width: 100%;float: left;margin-top: 20px;padding-right: 20px;}

/*首页图组*/
.adv{box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);border-radius: 5px;margin: 20px 0;transition: transform 0.3s ease-in, -webkit-transform 0.3s ease-in, -moz-transform 0.3s ease-in;}
.adv:hover{-webkit-transform: translateY(-20px);-moz-transform: translateY(-10px);-ms-transform: translateY(-10px);transform: translateY(-10px);}
.adv img{width: 100%;border-radius: 5px 5px 0px 0;}
.adv_desc{padding: 20px;}
.adv_title{ margin-top:0}
.adv_title a{color: #333;font-size: 22px; display:block;white-space:nowrap;overflow: hidden;text-overflow:ellipsis;}
.adv_title a:hover{text-decoration: none;color:#555555;}
.adv_desc p{color: #999;margin: 10px 0;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.adv_btn{display: block;text-align: center;width: 140px;padding: 12px 0px;color: #fff;background-color: #222222;border:1px solid #222222;border-radius: 10px;font-weight: bold;margin-top: 25px;}
.adv_btn:hover,.about_btn:focus{color: #fff;text-decoration: none;background-color: #ff6a00;border:1px solid #ff6a00;}

/*首页优势*/
.adv_bg{background-color: #1a1a1a;color: #fff;margin-top: 35px;}
.about_head h2{font-size: 38px;font-weight: bold;margin: 10px 0;font-family: 'Poppins', sans-serif;}
.about_head p{font-size: 19px;margin-top:45px;font-weight: bold;}
.about_head span{}

.advantage {margin-left: -30px;}
.advantage img{max-width: 100%;margin-top: 30px;border: 2px solid #fff;border-radius: 50px;}
.advantage_desc a{font-size: 22px;color: #fff;}
.advantage_desc p{font-size: 16px;font-weight: 300;margin-top: 10px;}

/*首页产品*/
.product_bg{padding-top: 35px;padding-bottom: 35px;}
.product_index{margin:45px 0px 0px 0px;}
.product_head {text-align: center;}
.product_head h2{font-family: 'Poppins', sans-serif;font-size: 36px; color: #232323;text-transform: uppercase;font-weight: bold;}
.product_head span{display: inline-block;padding: 2px 50px;background-color: #222222;border-radius: 10px;}
.product_head p{font-size: 16px; color: #777;padding: 10px 0;}
.product_list{clear: both;padding: 15px 0px 0px 0px;}
.product_list2{padding-top: 20px;}
.product_img{padding-left: 15px; padding-right: 15px; }
.product_img img{margin-right: auto;margin-left: auto;display: block;max-height: 340px; max-width: 100%;height: auto; margin-bottom: 10px; padding:0px 0px;}
.product_list2 div.product_img{margin-bottom: 10px;}
.product_title{text-align: center;height: 40px;}
.product_title a{font-size: 16px;color: #2F2F2F;}
.product_title a:hover{text-decoration: none;color:#555555;}

/*首页联系我们*/
.contact_bg{background: linear-gradient(to right,#1a1a1a,#fff);padding:0;display: inline-block;}
.contact_bg img{width: 95%;}
.contact_head{margin-top: 35px;}
.contact_head h2{font-size: 38px;font-weight: bold;margin-top: 50px;font-family: 'Poppins', sans-serif;}
.contact_head p{font-size: 16px;color: #777; margin-bottom: 25px;}
.contact_img{max-width: 100%;}
.contact_bg .codeimg{height:48px;max-height:48px;margin: 15px 0;width: -webkit-fill-available;}

.form_in .form-control{margin: 15px 0;border-radius: 8px;height: 50px;}
.butt_in{padding:0;text-align: center;}
.butt_in button{display: block;width: 180px;padding: 15px 0px;color: #fff;background-color: #222222;border:1px solid #222222;border-radius: 10px;font-weight: bold;margin-top: 15px;}
.butt_in button:hover,.about_btn:focus{color: #fff;text-decoration: none;background-color: #ff6a00;border:1px solid #ff6a00;}
.form_in textarea.form-control{height: auto;}
.form_in div{padding:0;}

/*首页-新闻资讯*/
.news_bg{padding-top: 35px;padding-bottom: 35px;}
.news_box{box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);border-radius: 5px;margin: 20px 0;transition: transform 0.3s ease-in, -webkit-transform 0.3s ease-in, -moz-transform 0.3s ease-in;}
.news_box:hover{-webkit-transform: translateY(-20px);-moz-transform: translateY(-10px);-ms-transform: translateY(-10px);transform: translateY(-10px);}
.news_box img{width: 100%;border-radius: 5px 5px 0px 0;}
.news_desc{padding: 20px;}
.news_title a{color: #333;font-size: 22px;}
.news_title a:hover{text-decoration: none;color:#555555;}
.news_desc p{color: #666;border-bottom: 1px solid #eee;padding-bottom: 20px;font-size: 16px;}



/* ==========================================================================
   现代化侧边栏全面优化 (CATEGORIES, SEARCH, NEWS, CONTACT US) 
   完全抛弃旧图片，使用纯CSS、伪类动画与统一品牌绿 (#ff6a00)
   ========================================================================== */

/* 1. 侧边栏基础间距 */
.left_nav { clear: both; background: #fff; margin-bottom: 25px; }
.index_left_nav { padding-top: 25px; margin: 0 15px; }

/* 2. 侧边栏所有标题统一样式 (彻底去除背景图片) */
h2.left_h2 { font-size: 18px; color: #333333; margin-bottom: 20px; margin-top: 25px; padding-left: 15px; position: relative; font-weight: 600; line-height: 1.4; border: none !important; background: none !important; }
h2.left_h2::before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 4px; height: 16px; background-color: #ff6a00; border-radius: 2px; }

/* 3. 一级分类列表 */
ul.left_nav_ul { list-style: none; padding: 0; margin: 15px 0 0 0; border-top: 1px solid #f0f0f0; padding-bottom: 10px; }
ul.left_nav_ul > li { position: relative; border-bottom: 1px dashed #eaeaea; padding: 0; background: none !important; }
ul.left_nav_ul > li:last-child { border-bottom: none; }

/* 一级分类链接与极简箭头动画 */
ul.left_nav_ul li a.biglink { display: flex; align-items: center; padding: 14px 15px; color: #555555; text-decoration: none !important; font-size: 15px; transition: all 0.3s ease; }
ul.left_nav_ul li a.biglink::before { content: ''; display: inline-block; width: 6px; height: 6px; border-top: 2px solid #ccc; border-right: 2px solid #ccc; transform: rotate(45deg); margin-right: 12px; transition: all 0.3s ease; }
ul.left_nav_ul > li > a.biglink:hover, ul.left_nav_ul li a.left_active { color: #ff6a00; background-color: #fafafa; padding-left: 20px; }
ul.left_nav_ul > li > a.biglink:hover::before, ul.left_nav_ul li a.left_active::before { border-color: #ff6a00; }

/* 4. 二级分类列表 (小类) */
ul.left_snav_ul { list-style: none; padding: 0; display: none; background-color: #fcfcfc; margin: 0; }
ul.left_snav_ul > li { margin: 0; padding: 0; background: none !important; }
ul.left_snav_ul li a.biglink { padding: 10px 15px 10px 40px; font-size: 14px; color: #777; display: block; border: 0; }
ul.left_snav_ul li a.biglink::before { display: none; }
ul.left_snav_ul li a.biglink:hover { color: #ff6a00; padding-left: 45px; background-color: #f5f5f5; text-decoration: none; }

/* 5. 展开按钮 (+) 极致优化 (利用纯CSS绘制，保留JS交互) */
span.menu_head { position: absolute; right: 15px; top: 15px; cursor: pointer; font-size: 0 !important; width: 14px; height: 14px; display: block; z-index: 10; line-height: 0; color: transparent; }
span.menu_head::before, span.menu_head::after { content: ''; position: absolute; background-color: #999; transition: all 0.3s ease; }
span.menu_head::before { top: 6px; left: 0; width: 14px; height: 2px; }
span.menu_head::after { top: 0; left: 6px; width: 2px; height: 14px; }
span.menu_head:hover::before, span.menu_head:hover::after { background-color: #ff6a00; }
span.menu_head.current::after { transform: rotate(90deg); opacity: 0; }

/* 6. 侧边栏-新闻模块 (LATEST NEWS) */
.left_news { clear: both; list-style: none; margin: 0; padding: 0; margin-bottom: 25px; }
.left_news li { color: #545455; border-bottom: 1px dashed #eaeaea; background: none !important; line-height: 21px; padding: 12px 0; position: relative; }
.left_news li a { color: #555; text-decoration: none; transition: all 0.3s; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left: 15px; position: relative; }
.left_news li a::before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 4px; height: 4px; background-color: #ccc; border-radius: 50%; transition: all 0.3s ease; }
.left_news li a:hover { color: #ff6a00; padding-left: 20px; }
.left_news li a:hover::before { background-color: #ff6a00; }

/* 7. 侧边栏-联系方式模块 (CONTACT US) */
.index_contact { margin: 30px 0 35px 0; background: #fff; padding-bottom: 10px; }
.index_contact p { clear: both; list-style: none; font-size: 14px; color: #666; margin-bottom: 10px; padding-left: 15px; }

.list_box{clear: both; }
/* ======================== 侧边栏优化结束 ======================== */



/*新闻列表 (主内容区域)*/
.list_news{clear: both; list-style:none;margin:0px; padding:6px 0px 20px 0px;}
.list_news li{color:#898989;background: url(../images/li.png) no-repeat left 14px;line-height:22px; padding:8px 0px; padding-left:13px;border-bottom: 1px dashed #e3e2e2;/*dotted*/ }
.list_news li a{color:#2F2F2F;}
.list_news li a:hover{text-decoration:none;color:#ff6a00;}
.news_time{ float:right;}
.contents{clear: both; padding:6px 2px 0px 2px; line-height:28px; overflow: auto;}
.contents_title{ margin: 0px; padding: 10px 0px; text-align: center; color: #000; font-size:18px;color:#434343;font-weight:bold; line-height: 34px;}

/*分页样式*/
.page{clear:both; margin:20px 0px 40px 0px; text-align: center;}
.page a {display: inline-block; font-family: Arial; font-size: 13px; border: #dbdbdb 1px solid; padding:4px 9px; margin: 2px; margin-bottom: 5px; color: #31363c; text-decoration: none}
.page a:hover,.page a:focus{font-family: Arial;font-size: 13px;border: #000 1px solid; padding:4px 9px;color: #fff; background-color: #31363c;}
.page .current {font-family: Arial;border: #000 1px solid; font-size: 13px; padding:5px 9px; color: #fff;margin: 2px;  background-color: #31363c}

/*产品展示*/
#pic-page {text-align: center; margin-top:10px;}
#pic-page a {margin: 0 2px;}
#pic-page a img {width:40px;padding: 2px;border: solid #ccc 1px; margin-bottom:5px;}
#pic-page a:hover img,#pic-page a.active img {border: solid #ff6a00 1px;}
.showpic_box,.proinfo_box{margin: 30px 0px 20px 0px;}
.product_h1{ margin:0px; line-height:26px; font-size:20px; color: #333333; padding-bottom:10px;border-bottom: 1px dotted #cccccc; }
.product_info{list-style:none; padding:0px; margin-top:10px;}
.product_info li{ line-height:24px; padding-bottom:12px;}
.product_con{ clear: both; border-top: 1px dotted #ccc; margin:10px 0px 20px 0px;padding:20px 0px 0px 0px; line-height:26px;overflow: auto;}
.photo_con{ clear: both; margin:0px 0px 20px 0px; padding:10px 0px 20px 0px; line-height:26px;overflow: auto;}

.related_h2{padding: 30px 0px 12px 0px; color: #303c4b; margin:0px; display: block;  font-weight:300; font-size:24px; border-bottom:5px solid #f4f5f6;font-family:'Roboto',Arial,Helvetica, sans-serif;}
.related_list{padding-top: 12px;}
.related_news{ padding-top: 0px; clear: both;}

.download_btn{text-align: right; margin: 10px 10px 20px 0px;}
.page-btn{background-color: #222222; border-radius: 0px; border: none; transition:background 0.3s;}
.page-btn:hover,.page-btn:focus{background-color:#ff6a00; }
.grey-btn{border-radius: 0px;border: none; background-color: #E8E8E8;}
.grey-btn:hover,.grey-btn:focus{background-color: #ccc;}

.a2a_default_style{display: inline-block;}

/*在线留言订购*/
.feedback{margin-top: 50px;}
.form-horizontal .form-group { margin-right: -10px;margin-left: -10px;}
.codeimg{ margin: 0px 0px -10px -18px;}

/*上一个下一个*/
.point{ clear: both; margin:20px 0px 40px 0px; padding-bottom: 40px; line-height:22px;}
.point span.to_prev{text-align:center; }
.point span.to_prev a{color:#337AB7;}
.point span.to_prev a:hover{color: #ff6a00}
.point span.to_next{text-align:center; }
.point span.to_next a{color:#337AB7;}
.point span.to_next a:hover{color: #ff6a00}

/*标签样式*/
.tags{ margin: 18px 0px 10px 0px}
.tags a{ margin: 0px 5px 8px 0px}
.tags_list{padding: 5px 10px 100px 10px}
.tags_ul{ margin-top: 0px;}
.tags_ul li{line-height: 28px; margin-bottom: 8px; padding-bottom: 10px;}
.tags_ul h3{font-size: 14px; padding: 0px; margin: 0px;line-height: 20px;}
.tags_ul p{font-size: 13px;padding: 0px; margin: 0px; color: #777; line-height: 20px; padding-top: 8px;}

/*网站地图*/
ul.ul_sitemap{margin: 30px 0px 40px 30px;}
ul.ul_sitemap li{list-style: none; line-height: 26px;clear: both;}
ul.ul_sitemap li a{color: #7d7d7d;}
li.small_li_sitemap{clear: both;padding-left: 12px;}
li.small_li2_sitemap{float: left; padding-left: 20px;}

#translate{width:180px; margin: 0 auto; }
#translate-this{margin: 15px 0px 10px 0px;}

/*首页Tags*/
.tags_box{background-color: #545454; padding: 9px 0px 9px 0px; text-align: center;color: #E9E9EA;font-size: 13px;}
.tags_box a{color: #E9E9EA; border-right: 1px solid #BBBBBB; padding:0px 8px 0px 8px;font-size: 13px;}
.tags_box a:hover{text-decoration: none; color: #999999;}
.tags_box a:last-child{border-right:0px;}
.tags_box button{display: none;}
.tags_title{font-size: 13px; margin-right: -6px;}
.tags_title a{padding:0px 10px 0px 0px;}
.tags_title:after{content:"：";}

/*友情链接*/
.link_box{background-color:#444444; padding: 10px 0px; text-align: center;color: #E9E9EA;font-size: 13px;}
.link_box a{color: #E9E9EA; border-right: 1px solid #BBBBBB; padding:0px 10px 0px 10px; font-size: 13px;}
.link_box a:hover{text-decoration: none; color: #999999;}
.link_box a:last-child{border-right:0px;}
.link_box button{display: none;}
.link_title{font-size: 13px; margin-right: -6px;}
.link_title:after{content:"：";}

/*底部信息*/
footer{color:#fff;padding:50px 0px 0px 0px;background-color: #1a1a1a;font-size: 15px;}
.footer_contact {line-height: 28px;}
.footer_icon {padding-top: 10px;}
.footer_icon a:hover{text-decoration: none;}
.footer_icon img{width: 40px;height: 40px;}
.footer_sitemap{color: #fff;}
.footer_sitemap:hover,.footer_sitemap:focus {color: #115F90;text-decoration: none;}
footer .about_content {font-size: 12px;line-height: 2;color: #fff;margin: 0;}
.logo1 {max-width: 240px;}

/*底部分类*/
.footer_menu a{color: #fff;line-height: 20px;}
.footer_menu a:hover{color:#ff6a00;text-decoration: none;}
.footer_menu_first{font-family: 'Poppins', sans-serif;font-size: 20px;font-weight: bold;text-transform: uppercase;}
.footer-bar {padding: 10px 0;text-align: center;color: #fff;background-color: #0a0a0a;margin-top: 30px;}
.footer-bar p{margin: 0px;}
.footer-bar a{color: #fff;}

.foot_nav{ width:25%; float:left;background-color: #fafafa;text-align:center;color:#898989;cursor:pointer;} 
.foot_nav:hover,.foot_nav:focus{background-color: #e4e4e4;cursor:pointer;}
.foot_nav a{color:#898989;display:block;cursor:pointer;}
.foot_nav a:hover,.foot_nav a:focus{text-decoration:none;}
.foot_nav span{display:block; padding:3px 0px 0px 0px;}

/*大屏幕*/
@media screen and (min-width: 769px) {
	.small-nav .language-switcher{ padding: 17.5px 0 0 10px}
      .logo{margin:12px 0px; max-width:330px; max-height:56px;}
      .flash{margin-top: 78px;}
      .navbar{min-height: 80px;}
      .navbar-nav{float:right;}
      .navbar-nav > li > a {text-align: center;}
      .navbar-default .navbar-nav > li > a{padding:30px 10px;color: #312b2b;font-size: 16px; width:125px;white-space:nowrap;overflow: hidden;text-overflow:ellipsis;}
      .navbar-default .navbar-nav > li > a:hover,
      .navbar-default .navbar-nav > li > a:focus,
      .navbar-default .navbar-nav > .active > a,
      .navbar-default .navbar-nav > .active > a:hover,
      .navbar-default .navbar-nav > .open > a,
      .navbar-default .navbar-nav > .open > a:hover,
      .navbar-default .navbar-nav > .open > a:focus {
         background-color: #ff6a00; color: #fff; }

      .small-nav{min-height: 50px; margin-top: 0px;background: rgba(255,255,255,0.9);box-shadow: 0px 3px 4px rgba(0, 0, 0,0.1);}
      .small-nav .navbar-nav > li > a{padding-top: 20px; padding-bottom:20px;}
      .small-nav img.logo{max-height: 50px; max-width:220px; margin:5px 0px 0px 0px;}

      .nav_small{background: rgba(18,18,18,0.85);padding: 30px 22px 30px 22px; border-radius: 0px; border: none; }
      .nav_small > li{}
      .nav_small > li > a{line-height:26px; color: #fff; font-size: 13px;}
      .nav_small > li > a:hover{color: #fff; background-color: #ff6a00;}
       #app_menudown,#small_search{ display:none; }
      .index_left_nav,.footer_nav{display:none; }
}
.adminbuy_xuanzhe{ height:470px; overflow:hidden}
.adminbuy_xuanzhe video{ height:430px; width:100%}

/*小屏幕*/
@media screen and (max-width: 768px) {
	.adminbuy_xuanzhe{ height:auto;}
	.adminbuy_xuanzhe video{ height:auto; margin:20px 0}
     .logo{margin:5px 0px 5px 10px; max-width:180px; max-height: 40px;}
      .flash{margin-top: 50px;}
      .navbar{min-height: 50px;}
      .navbar-default .navbar-brand {color: #fff; font-size: 16px;}
      .navbar-default .navbar-brand:hover,
      .navbar-default .navbar-brand:focus {color: #fff;}
      .navbar-toggle{}
      .navbar-default .navbar-collapse, .navbar-default .navbar-form{border:none;}
      .navbar-default .navbar-toggle:hover,
      .navbar-default .navbar-toggle:focus {
      }
      .navbar-default .navbar-toggle .icon-bar{}
      .navbar-default .navbar-nav{margin-top: 0px;margin-bottom: 0px;}
      .navbar-default .navbar-nav > li {}
      .navbar-default .navbar-nav > li:last-child{border: none;}
      .navbar-default .navbar-nav > li > a,
      .navbar-default .navbar-nav .open .dropdown-menu > li > a{}
      .navbar-default .navbar-nav > li > a:hover,
       .navbar-default .navbar-nav > li > a:focus,
       .navbar-default .navbar-nav > .active > a, 
       .navbar-default .navbar-nav > .active > a:hover, 
       .navbar-default .navbar-nav > .active > a:focus,
       .navbar-default .navbar-nav > .open > a, 
       .navbar-default .navbar-nav > .open > a:hover, 
       .navbar-default .navbar-nav > .open > a:focus,
       .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{
        background-color: #ff6a00; color: #fff;}

       .small-nav{margin-top: 0px;background: rgba(255,255,255,0.9);box-shadow: 0px 3px 4px rgba(0, 0, 0,0.1);}

      .top_name,.home-btn,.page_bg,.center_nav,#app_menudown1{display: none;}
      .language{border-left: 0px; border-right: 0px; }
      .list_box{margin-top: 75px;}
      #topsearch{display: none;}
      .index_adv{margin-top:20px; margin-bottom:40px; padding-left: 10px; padding-right: 10px;}
      .index_adv div.bx-pager{ display:none;}
      .about_h2{margin-top:32px;}
      .left_h2{margin-top: 25px;}
      .list_related h2.left_h2{margin-top: 60px;}
      .product_img,.product_list2 div.product_img{min-height: 100px; margin-bottom:10px;}
      .related_list div.product_img{min-height: 180px;}
      .product_con img,.contents img{max-width:100% !important; height:auto !important;}
      .case_bg{padding-bottom: 25px;}
      .index_news li span{left: -28px;}
      .news_box{margin-top:0px;}
	  
      .news_img{min-height: 250px;margin-bottom: 20px;}
      .news_title{text-align: center;}
      .news_desc{text-align: center;}
      .right_new_time,
      .news_time {display: none;}
 
      .left_news ul{padding-bottom: 20px;}
      .index_contact{margin-top:5px;}
      .product_h1{ line-height:22px; font-size:16px; margin-top: 35px;}
      .feedback{margin-top:20px;}
      .page{margin:10px 0px 10px 0px;}
      .footer_nav{background-color: #fafafa;}
      #pic-page a img {width:35px;}
      #cmsFloatPanel{ display: none;}
      .point span.to_prev,.point span.to_next{text-align:left; padding-bottom: 8px;}
      .link_box{padding-left: 7px;}
      .link_box a{display: block;border-right:0px;padding:4px 0px;}
      .link_title{display: block;}
      .link_title:after{content:"";}
      .link_box button{display: inline-block; background-color: transparent; border: none; float: right; margin-top: -20px;}
      .link_box button:hover,.link_box button:focus{color: #99A1C5;}
      .link_list{display: none; padding-top: 7px;}
      .tags_box{padding-left: 7px;}
      .tags_box a{display: block;border-right:0px;padding:4px 0px;}
      .tags_title{display: block;}
      .tags_title:after{content:"";}
      .tags_box button{display: inline-block; background-color: transparent; border: none; float: right; margin-top: -20px;}
      .tags_box button:hover,.tags_box button:focus{color: #99A1C5;}
      .tags_rows{display: none; padding-top: 7px;}
      footer{ margin-bottom:50px;}
      .product_img>a{display:  block;padding-top: 100%;position:relative;}
      .product_img a img{position:absolute;top:0;left:0;height: 99.8%;}
	  .product_head h2,.about_h2,.contact_head h2,.about_head h2{font-size: 28px;line-height: 120%;}
}

@media screen and (max-width: 767px) {
     .copyright_p{ display:none;}
}

/*370px到768px*/
@media screen and (min-width:370px) and (max-width:768px) {
  .col-mm-1, .col-mm-2, .col-mm-3, .col-mm-4, .col-mm-5, .col-mm-6, .col-mm-7, .col-mm-8, .col-mm-9, .col-mm-10, .col-mm-11, .col-mm-12 {
    float: left;
  }
  .col-mm-12 {
    width: 100%;
  }
  .col-mm-11 {
    width: 91.66666667%;
  }
  .col-mm-10 {
    width: 83.33333333%;
  }
  .col-mm-9 {
    width: 75%;
  }
  .col-mm-8 {
    width: 66.66666667%;
  }
  .col-mm-7 {
    width: 58.33333333%;
  }
  .col-mm-6 {
    width: 50%;
  }
  .col-mm-5 {
    width: 41.66666667%;
  }
  .col-mm-4 {
    width: 33.33333333%;
  }
  .col-mm-3 {
    width: 25%;
  }
  .col-mm-2 {
    width: 16.66666667%;
  }
  .col-mm-1 {
    width: 8.33333333%;
  }
}

/* AB模板网新增分页样式 www.admibnuy.cn */
.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 #ff6a00;
}
.pagination a.page-num-current {
  color: #fff;
  background: #ff6a00;
  border: 1px solid #ff6a00;
}
.pagination .st{ font-family:宋体}
.text-secondary{ text-align:center; padding:20px 0}

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

        /* 语言切换按钮 */
        .language-btn {
            border-radius: 4px;
            cursor: pointer;
            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: 8px;
            border-top: 1px solid #eee;
            cursor: pointer;
            color: #666;
            font-size: 13px;
            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;
        }
		
		@media screen and (max-width: 800px) {
    .language-switcher{ position:absolute !important; right:75px; top:13px; padding:0 !important; width:32%; text-align:right;white-space:nowrap;text-overflow:ellipsis;}
	.language-dropdown{ width:280% !important; right:-60px !important; top:37px !important}
	.current-lang{display:inline-grid; max-width: 59%; white-space: nowrap;  overflow: hidden; text-overflow: ellipsis;}
}
/* ========================================================
   顶部导航栏 & 下拉菜单专属优化 (橙色主题 + 透明毛玻璃特效)
   ======================================================== */

/* 1. 彻底移除顶级菜单的绿色背景，改为透明，并把文字变成橙色 */
@media screen and (min-width: 769px) {
    .navbar-default .navbar-nav > li > a:hover,
    .navbar-default .navbar-nav > li > a:focus,
    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus {
        background-color: transparent !important; /* 强制背景透明，干掉绿色 */
        color: #ff6a00 !important; /* 顶级菜单文字悬停变为高级橙色 */
    }
}

/* ===== Global banner / slider height alignment ===== */
:root {
    --vesol-banner-pc-height: 560px;
    --vesol-banner-mobile-height: 320px;
}

@media (min-width: 768px) {
    .flash .pc-banner,
    .flash .mobile-banner,
    .flash .bx-wrapper,
    .flash .bx-viewport,
    .flash .bxslider-pc,
    .flash .bxslider-mobile,
    .flash .bxslider-pc li,
    .flash .bxslider-mobile li,
    .flash .bxslider-pc a,
    .flash .bxslider-mobile a,
    .page_bg,
    .page_bg picture,
    .page_bg img,
    .page_bg .banner-img,
    .solution-page .hero-banner,
    .solution-page .hero-banner picture,
    .solution-page .hero-bg-img,
    .about-page .hero-banner,
    .hero-section,
    .hero-section.hero-desktop,
    .hero-section.hero-mobile {
        height: var(--vesol-banner-pc-height) !important;
        min-height: var(--vesol-banner-pc-height) !important;
        max-height: var(--vesol-banner-pc-height) !important;
    }

    .flash {
        aspect-ratio: 1920 / 800;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
    }

    .flash,
    .page_bg,
    .solution-page .hero-banner,
    .about-page .hero-banner,
    .hero-section {
        overflow: hidden !important;
    }

    .page_bg img,
    .page_bg .banner-img,
    .solution-page .hero-bg-img,
    .hero-section img {
        width: 100% !important;
        height: 100% !important;
        display: block !important;
        object-fit: cover !important;
        object-position: center !important;
    }

    .flash img {
        width: 100% !important;
        height: 100% !important;
        display: block !important;
        object-fit: contain !important;
        object-position: center !important;
    }

    .about-page .hero-banner,
    .hero-section {
        background-size: cover !important;
        background-position: center !important;
    }

    .hero-section {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}

@media (max-width: 767px) {
    .flash,
    .flash .pc-banner,
    .flash .mobile-banner,
    .flash .bx-wrapper,
    .flash .bx-viewport,
    .flash .bxslider-pc,
    .flash .bxslider-mobile,
    .flash .bxslider-pc li,
    .flash .bxslider-mobile li,
    .flash .bxslider-pc a,
    .flash .bxslider-mobile a,
    .page_bg,
    .page_bg picture,
    .page_bg img,
    .page_bg .banner-img,
    .solution-page .hero-banner,
    .solution-page .hero-banner picture,
    .solution-page .hero-bg-img,
    .about-page .hero-banner,
    .hero-section,
    .hero-section.hero-desktop,
    .hero-section.hero-mobile,
    .mobile-detail-banner {
        height: var(--vesol-banner-mobile-height) !important;
        min-height: var(--vesol-banner-mobile-height) !important;
        max-height: var(--vesol-banner-mobile-height) !important;
    }

    .page_bg,
    .flash,
    .solution-page .hero-banner,
    .about-page .hero-banner,
    .hero-section {
        overflow: hidden !important;
    }

    .page_bg {
        display: block !important;
    }

    .flash img,
    .page_bg img,
    .page_bg .banner-img,
    .solution-page .hero-bg-img,
    .mobile-detail-banner,
    .hero-section img {
        width: 100% !important;
        height: 100% !important;
        display: block !important;
        object-fit: cover !important;
        object-position: center !important;
    }

    .about-page .hero-banner,
    .hero-section {
        background-size: cover !important;
        background-position: center !important;
    }

    .hero-section {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}

/* 2. 下拉菜单整体背景：半透明黑底 + 高级毛玻璃效果 */
.navbar-nav .dropdown-menu {
    background-color: rgba(20, 20, 20, 0.65) !important; /* 65%透明度的深黑底色，透出背后的风景图 */
    border: none !important;
    box-shadow: 0 8px 16px rgba(0,0,0,0.15) !important; /* 添加柔和的阴影让层级更分明 */
    -webkit-backdrop-filter: blur(8px); 
    backdrop-filter: blur(8px); /* 核心：苹果系统同款毛玻璃模糊效果 */
    padding: 8px 0 !important;
}

/* 3. 下拉菜单项：默认状态（纯白文字） */
.navbar-nav .dropdown-menu > li > a {
    color: #f0f0f0 !important; /* 默认使用高亮浅灰色/白色 */
    padding: 12px 25px !important; /* 增加文字周围的呼吸感间距 */
    background-color: transparent !important; 
    transition: all 0.3s ease;
    font-size: 14px;
}

/* 4. 下拉菜单项：鼠标悬停状态（图2同款橙色 + 微发光效果） */
.navbar-nav .dropdown-menu > li > a:hover,
.navbar-nav .dropdown-menu > li > a:focus {
    color: #ff6a00 !important; /* 替换为你截图中的科技橙色 */
    background-color: rgba(255, 255, 255, 0.06) !important; /* 鼠标放上去给一点极弱的背景高亮反馈 */
    text-shadow: 0 0 1px rgba(255, 106, 0, 0.6); /* 核心：增加一点文字外发光感，还原你图2的效果 */
    padding-left: 30px !important; /* 鼠标悬停时，文字向右平滑位移5px，增加灵动感 */
}
/* 2. 重塑原生加减号：【固定顶部对齐】 + 【品牌橙色】 */
span.menu_head {
    position: absolute; 
    left: 10px; 
    
    /* --- 核心修复：增加向下距离，定位到文字正中央 --- */
    top: 15px; /* <--- 如果你觉得偏高，就把这个数字调大(比如16)；如果偏低就调小(比如14) */
    /* --------------------------------------------------- */
    
    transform: none !important; 
    width: 24px; 
    height: 24px; 
    background-color: transparent !important; 
    cursor: pointer; 
    z-index: 10;
    
    font-size: 28px !important; 
    font-weight: 400 !important; 
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: #ff6a00 !important; 
    
    display: flex !important; 
    align-items: center; 
    justify-content: center;
    line-height: 1 !important; /* 消除字体自带的行高干扰，强制居中 */
    
    border: none !important;
    transition: color 0.3s ease;
}

span.menu_head::before, span.menu_head::after {
    display: none !important; 
}

/* ========================================================
   手机端详情页图片/表格自适应修复 (防止撑破屏幕)
   ======================================================== */
@media screen and (max-width: 768px) {
    /* 强制所有内容区域的图片最大宽度不超过屏幕，高度自适应 */
    .contents img, 
    .product_con img, 
    .proinfo_box img,
    .about_content img {
        max-width: 100% !important;
        height: auto !important;
        box-sizing: border-box !important;
    }
    /* 强制内容区域的表格自适应 */
    .contents table, 
    .product_con table {
        max-width: 100% !important;
        width: 100% !important;
        word-break: break-all;
    }
}