/* AB模板网 整站模板下载 */
/* 模板：Www.AdminBuy.Cn */
/* 仿站：Fang.AdminBuy.Cn */
/* 素材：Sc.AdminBuy.Cn */
/* js特效：js.AdminBuy.Cn */
/* 在线工具 Tool.Adminbuy.Cn */
/* QQ：9490489 */
* {-webkit-tap-highlight-color:transparent;}
body {background-color:#fff; color:#333; font:16px/1.75em Arial,"Microsoft Yahei"; overflow-x:hidden;}
article, aside, details, figcaption, figure, footer, header, main, nav, section {display:block;}
div,html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {margin:0; padding:0;}
select,input,textarea{border-radius:0; -webkit-border-radius:0; background:none; border:none;outline:none; font-family: inherit; font-size: 1em;}
input:focus {outline:none;}
textarea{resize:none;}
/*rows*/
[class*=rows_]{display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;}
.rows_1{display: block; white-space: nowrap;}
.rows_2{line-clamp:2; -webkit-line-clamp:2;}
.rows_3{line-clamp:3; -webkit-line-clamp:3;}
.rows_4{line-clamp:4; -webkit-line-clamp:4;}
.rows_5{line-clamp:5; -webkit-line-clamp:5;}

/*flex*/
.flex{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;--align:center;align-items:var(--align);--justify:space-between;justify-content:var(--justify);--wrap:wrap;flex-wrap:var(--wrap);}

/** Carousel */
.owl-carousel,
.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative;
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1;
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none;
    position: relative; /* 添加这一行，为按钮定位提供上下文 */
}
/* ==================== 横幅按钮响应式优化 ==================== */

/* 横幅按钮容器 - 使用相对单位保持位置 */
.owl-carousel .owl-item .banner-button-container {
    position: absolute !important;
    /*right: 22% !important;      /* 236px相对于1920px宽度的百分比 */
    /*bottom: 25% !important;     /* 90px相对于500px高度的百分比 */
    z-index: 100 !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* 确保横幅按钮文字显示的关键修复 */
.banner-button-container {
    position: absolute !important;
    z-index: 9999 !important;
}

/* 自定义位置类 - 可调整数值 */
.owl-carousel .owl-item .position-1 {
    right: 22% !important;
    bottom: 25% !important;
}

.owl-carousel .owl-item .position-2 {
    right: 75% !important;
    bottom: 20% !important;
}

.owl-carousel .owl-item .position-3 {
    right: 21% !important;
    bottom: 35% !important;
}

/* 位置2的按钮背景色设置 */
.owl-carousel .owl-item .position-2 .banner-button {
    background-color: #d32f2f !important; 
    color: #ffffff !important;
    border-color: #d32f2f !important;
}


/* 使用相对单位调整按钮大小 */
.banner-button {
    /* 确保文字不被隐藏 */
    text-indent: 0 !important;
    font-size: clamp(12px, 0.9vw, 14px) !important; /* 响应式字体大小 */
    color: #000000 !important;
    background-color: transparent !important;
    border: 1px solid #000000 !important;
    display: inline-block !important;
    
    /* 使用响应式内边距 */
    padding: clamp(8px, 1.2vw, 12px) clamp(30px, 4vw, 60px) !important;
    
    text-decoration: none !important;
    font-family: Arial, "Microsoft Yahei", sans-serif !important;
    text-align: center !important;
    
    /* 响应式最小宽度 */
    min-width: max(80px, 10vw) !important;
    min-height: auto !important;
    line-height: 1.4 !important;
    
    /* 确保可见 */
    visibility: visible !important;
    opacity: 1 !important;
    
    /* 平滑过渡 */
    transition: all 0.3s ease !important;
}

/* 覆盖可能的 text-indent 样式 */
.slides .item .banner-button,
.owl-carousel .owl-item .banner-button {
    text-indent: 0 !important;
}

/* 悬停效果 */
.owl-carousel .owl-item .banner-button:hover {
    background-color: #9a0e0e !important;
    color: #ffffff !important;
    border-color: #9a0e0e !important;
    transform: translateY(-3px) !important;
}

/* ==================== 移动端响应式适配 ==================== */

/* 平板设备 (768px-1024px) */
@media only screen and (max-width: 1024px) {
    .owl-carousel .owl-item .banner-button-container {
        right: 20% !important;    /* 调整相对位置 */
        bottom: 15% !important;   /* 调整相对位置 */
    }
    
    .banner-button {
        font-size: 13px !important;
        padding: 10px 45px !important;
        min-width: 100px !important;
    }
}

/* 大手机设备 (576px-768px) */
@media only screen and (max-width: 768px) {
    .owl-carousel .owl-item .banner-button-container {
        right: 15% !important;
        bottom: 12% !important;
    }
    
    .banner-button {
        font-size: 12px !important;
        padding: 8px 35px !important;
        min-width: 90px !important;
    }
}

/* 手机设备 (425px-576px) */
@media only screen and (max-width: 576px) {
    .owl-carousel .owl-item .banner-button-container {
        right: 6% !important;
        bottom: 10% !important;
    }
    
    .banner-button {
        font-size: 11px !important;
        padding: 6px 25px !important;
        min-width: 80px !important;
        border-width: 0.8px !important;
    }
}

/* 小手机设备 (375px-425px) */
@media only screen and (max-width: 425px) {
    .owl-carousel .owl-item .banner-button-container {
        right: 5% !important;
        bottom: 8% !important;
    }
    
    .banner-button {
        font-size: 10px !important;
        padding: 5px 20px !important;
        min-width: 70px !important;
    }
}

/* 超小手机设备 (小于375px) */
@media only screen and (max-width: 375px) {
    .owl-carousel .owl-item .banner-button-container {
        right: 4% !important;
        bottom: 6% !important;
    }
    
    .banner-button {
        font-size: 9px !important;
        padding: 4px 16px !important;
        min-width: 65px !important;
    }
}

/* ************************************************************ */

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: none;
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
    display: block;
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit;
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block;
}

.owl-carousel.owl-hidden {
    opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab;
}

.owl-carousel.owl-rtl {
    direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
    float: right;
}

.owl-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
    z-index: 0;
}

.owl-carousel .owl-animated-out {
    z-index: 1;
}

.owl-carousel .fadeOut {
    animation-name: fadeOut;
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.owl-height {
    transition: height 0.5s ease-in-out;
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 0.4s ease;
}

.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0;
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d;
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(../images/owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform 0.1s ease;
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
    display: none;
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 0.4s ease;
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
}

/*全局样式*/
.inner {width:93.75%; max-width:1280px; margin:0 auto;}
.submit {-webkit-appearance:none;}
.thumbnail {overflow:hidden; position:relative; }
.thumbnail a {display:block; overflow: hidden; }
.thumbnail img {display:block; width:100%; transition:all 0.5s}
.thumbnail a:hover img {transform:scale(1.1,1.1);}
table {background-color: transparent; border-spacing: 0; border-collapse: collapse; width:100%;border-top:solid 1px #ddd;border-left:solid 1px #ddd; box-sizing: border-box; table-layout:fixed;}
table th{background-color:#f9f9f9;text-align:center; box-sizing: border-box;}
table td,table th{padding:5px 10px;border:1px solid #ddd; box-sizing: border-box;}
a {text-decoration:none; outline:none; color:#333;}
a:focus {outline:none; -moz-outline:none;}
a:hover {color:#9a0e0e;}
a img {border:none;}
img {vertical-align: middle;}
li {list-style:none;}
.clear{ clear:both; height:0px; overflow:hidden;}
/*footer*/
.footer {background-color:#f9f9f9;padding:3.5% 0;color:#555;font-size:14px;line-height:1.75em; border-top:1px solid #eee;}
.footer a {color:#555;}
.footer a:hover {color:#9a0e0e;}
.footer .left {margin-right:280px}
.footer .pic {height:45px;overflow:hidden;margin-bottom:1.293%;}
.footer .pic img {display:block;height:100%;width:auto;max-width:100%;}
.footer .right {float:right;}

.follow {padding:20px 0;}
.follow ul {font-size:0;line-height:normal;text-align:center;}
.follow li {display:inline-block;margin-left:20px;width:120px;}
.follow li .qrcode {margin-bottom:5px;background-color:#fff;border:1px solid #e1e1e1;padding:5px;}
.follow li img {display:block;width:100%;height:auto;}
.follow li p {font-size:14px;color:#333;line-height:1.75em;}

.pagesList {margin-bottom:5px;}
.pagesList ul {overflow:hidden;}
.pagesList li {float:left;padding-right:21px;position:relative;}
.pagesList li:after {width:1px;height:15px;background-color:#333;content:'';display:block;position:absolute;right:10px;top:50%;margin-top:-7.5px;}
.pagesList li:last-child {padding-right:0;}
.pagesList li:last-child:after {display:none;}

.copyright {text-transform:uppercase;}
.copyright p {margin-bottom:5px;}
.copyright a {display: inline-block;}
.copyright img {display: inline-block; width: auto; height: 20px; vertical-align: middle; margin-top: -3px;}

.social {padding:5px 0;}
.social ul {font-size:0;line-height:normal;}
.social li {display:inline-block;margin-right:15px;vertical-align:middle;position:relative;}
.social li a {display:block;width:35px;height:35px;background:no-repeat center center;background-size:65%;border:1px solid #333;border-radius:50%;text-indent:-99999em;}
.social li a:hover {opacity:0.85;}
.social li.weixin a {background-image:url(../images/icon_weixin.png);}
.social li.weibo a {background-image:url(../images/icon_weibo.png);}
.social li.qq a {background-image:url(../images/icon_qq.png);}
.social li.mail a {background-image:url(../images/icon_mail.png);}
.social li .qrcode {width:100px;height:100px;border:1px solid #e5e5e5;padding:5px;position:absolute;left:50%;bottom:50px;background-color:#fff;margin-left:-56px;display:none;}
.social li .qrcode:after {width:8px;height:8px;background-color:#fff;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;transform:rotate(45deg);content:'';display:block;position:absolute;left:50%;bottom:-5px;margin-left:-5px;}
.social li .qrcode img {display:block;width:100%;height:100%;}
/*header*/
.header {position:sticky;top:0;width:100%;background-color:#fff;z-index:9;box-shadow:0px 2px 3px #bbb;}

/*logo*/
.logo {float:left;padding:15px 0;width:190px;}
.logo a {display:block;background:no-repeat left center;background-size:contain; position: relative; overflow: hidden; padding-bottom: 23.684211%;}
.logo i {display: block; position:absolute; left:0; top:0; width: 100%; height: 100%; overflow: hidden; text-indent:-9999em;}
/*topBtn*/
.topBtn {float:right;padding:27px 0;}
.topBtn .btn {width:25px;height:21px;float:left;cursor:pointer;}
.schBtn {background:url(../images/icon_search.png) no-repeat center center;background-size:contain;}
.navBtn {position:relative;display:none;margin-left:20px;}
.navBtn span {width:100%;height:2px;background-color:#555;position:absolute;left:0;top:50%;margin-top:-2px;}
.navBtn span:before,.navBtn span:after {width:100%;height:2px;background-color:#555;content:'';display:block;position:absolute;left:0;transition:all 0.3s;}
.navBtn span:before {top:-8px;}
.navBtn span:after {bottom:-8px;}
.navBtn.open span {height:0;}
.navBtn.open span:before {transform:rotate(45deg);top:0;}
.navBtn.open span:after {transform:rotate(-45deg);bottom:auto;top:0;}
/*searchForm*/
.searchForm {position:absolute;top:100%;right:0;width:100%;display:none;}
.searchForm .inner {margin-top:2px;}
.searchForm form {background-color:rgba(255,255,255,0.8);border:1px solid #fff;border-radius:4px;width:300px;float:right;overflow:hidden;padding:8px;}
.searchForm .submit {display:block;float:right;width:35px;height:35px;background:url(../images/icon_search.png) no-repeat center center;background-size:20px auto;cursor:pointer;}
.searchForm .input {margin-right:45px;}
.searchForm .text {background-color:#fff;height:25px;line-height:25px;padding:5px 0;text-indent:5px;width:100%;font-size:14px;color:#353535;}
/*nav*/
.nav {margin:0 50px 0 200px;}
.nav ul {float:right;}
.nav li {float:left;font-size:18px;color:#333;line-height:75px; /*width: 100px;*/position:relative; padding: 0 12px; text-align: center;}

.nav li a {color:#333;display:block; position:relative; transition:color .3s;white-space: nowrap;/*overflow: hidden;text-overflow: ellipsis;取消二级菜单文字截断*/}
.nav li a:after {width:0; height:2px; position:absolute; left:0; bottom:0; content:''; display:block; background-color:#9a0e0e; transition:width .3s;}
.nav li.on > a, .nav li.cur > a, .nav li li a:hover {color:#9a0e0e;}
.nav li.on > a:after, .nav li.cur > a:after {width:100%;}
.nav li ul {position:absolute;left:50%;top:101%;background-color:rgba(255,255,255,0.8);border:1px solid #fff;border-top:none;border-radius:0 0 4px 4px;width:240px;margin-left:-120px;padding:5px 0;display:none;box-shadow: 0 5px 15px rgba(0,0,0,0.08); /* 可选：为下拉菜单添加轻微阴影提升层次感 */}
.nav li li {float:none;padding:0;text-align:left; line-height:1.875em; font-size:16px;}
.nav li li a {
    padding: 10px 15px; /* 增大内边距，扩大可点击区域 */
    border-radius: 4px; /* 增加圆角 */
    transition: all 0.3s ease; /* 添加过渡动画 */
}
/* 二级菜单项悬停效果 - 增强版 */
.nav li li a:hover {
    background-color: #9a0e0e; /* 新增：背景色 */
    color: #f0f7ff; /* 修改：文字颜色 */
    font-weight: 500; /* 新增：轻微加粗 */
}
.nav li em {display:none;}
/*slides*/
.slides .item {background:no-repeat center center;background-size:cover;}
.slides .item a {display:block;text-indent:-9999em;position:relative;}
.slides .owl-dots {position:absolute;left:50%;transform:translateX(-50%);bottom:20px;font-size:0;line-height:normal;text-align:center;padding:2px 0;}
.slides .owl-dot {display:inline-block;}
.slides .owl-dot span {display:block;width:15px;height:4px;background-color:#fff; background-color:rgba(255,255,255,.3); margin:0 5px;transition:all 0.3s;}
.slides .owl-dot.active span {width:35px; background-color:#fff;}
.slides .owl-nav {display:none;}
.slides .load {padding-bottom:40%;}
/*ab_box*/
.ab_box {padding:5% 0;}
.ab_bg {background-color:#f9f9f9;}

/*ab_top*/
.ab_top {float:right; width:600px;}
.ab_top .thumbnail {position:relative; overflow:hidden;}
.ab_top .item a {display:block; position:relative; overflow:hidden;}
.ab_top .item a:hover img {transition:scale(1.1,1.1);}
.ab_top .item h3 {position:absolute; left:0; bottom:0; background-color:#000; background-color:rgba(0,0,0,.35); color:#fff; font-size:14px; width:90%; padding:8px 5%; line-height:1.75em; font-weight:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center;}
.ab_top .load {padding-bottom:75%;}
.ab_top .owl-dots {display:none;}
.ab_top .owl-nav button {position:absolute; top:50%; transform:translateY(-50%); display:block;}
.ab_top .owl-nav span {display:block; width:14px; height:24px; background:url(../images/icon_arrow.png) no-repeat 0 0; background-size:100% auto; text-indent:-9999em; z-index:2;}
.ab_top .owl-prev {left:10px;}
.ab_top .owl-next {right:10px;}
.ab_top .owl-prev span {background-position:0 100%;}

/*ab_news*/
.ab_news {overflow:hidden;}
.ab_news ul {overflow:hidden;margin-right:630px;}
.ab_news li {margin-bottom:10px; overflow:hidden;}
.ab_news li .thumbnail {float:left; width:140px;overflow:hidden;}
.ab_news li .info {margin-left:155px; overflow:hidden;}
.ab_news li h3 {font-size:16px; font-weight:normal; line-height:1.5em; white-space:nowrap; overflow:hidden;text-overflow:ellipsis;margin-bottom:5px; margin-top: 5px;}
.ab_news li p {font-size:14px;color:#555;line-height:1.8em;text-align:justify;}
.ab_news li time {display:block;font-size:14px;color:#999;}


/*ab_about*/
.ab_about {display:table;table-layout:fixed;width:100%;}
.ab_about .pic {display:table-cell;vertical-align:top;width:500px;}
.ab_about figure {padding:0 15px 15px 0; position:relative;}
.ab_about figure:before {width:90%; height:90%; content:''; background-color:#bb2424; display:block; position:absolute; right:0; bottom:0;}
.ab_about .pic img {display:block;width:100%;height:auto; position:relative; z-index:2;}
.ab_about .info {display:table-cell;vertical-align:middle;padding-right:3.5%;text-align:justify;}
.ab_about .intro {font-size:16px;line-height:1.875em;overflow:hidden;}
.ab_about .intro p {padding:7px 0;}

/*ab_cat*/
.ab_cat ul {overflow:hidden;}
.ab_cat li {width:20%; float:left; transition:all .3s; opacity:.6;}
.ab_cat li.cur {width:40%; opacity:1;}
.ab_cat li a {position:relative; display:block; padding-bottom:350px; background:no-repeat center center; background-size:auto 100%;  color:#fff;}
.ab_cat li h2 {font-size:18px; font-weight:normal;  position:absolute; text-align:center; left:10%; width:70%; bottom:-100%; transition:all .3s; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  padding:2% 5%;}
.ab_cat .cur h2 {bottom:50%; transform:translateY(50%); background-color:rgba(154,14,14,.85);}
/*ab_title 解决方案等栏目相关样式*/
.ab_title {
    overflow: hidden;
    margin-bottom: 3%;
    position: relative;
    /* 新增以下属性实现居中布局 */
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center;     /* 垂直居中 */
    flex-wrap: wrap;         /* 允许换行 */
    text-align: center;      /* 文本居中 */
}
.ab_title h2 {
    font-size: 30px;
    font-weight: bold;   /*标题加粗*/
    line-height: 1.35em;
    /* 移除无效的浮动属性 */
    /* float: center; */ 
    position: relative;
    padding-bottom: 10px;
    /* 新增：确保标题在flex布局中正确显示 */
    display: inline-block;
    margin: 0 auto; /* 水平居中 */
}
.ab_title h2:before, .ab_title h2:after {
    width: 75px;
    height: 2px;
    background-color: #eee;
    content: '';
    display: block;
    position: absolute;
    left: 50%; /* 改为从50%位置开始 */
    transform: translateX(-50%); /* 向左移动自身宽度的50%，实现居中 */
    bottom: 0;
}
.ab_title h2:after {
    width: 30px;
    background-color: #9a0e0e;
    /* left和transform会继承上面的设置 */
}

.ab_title a {
    display: inline-block;     /* 改为inline-block */
    position: relative;        /* 改为相对定位 */
    right: auto;               /* 取消右定位 */
    top: auto;                 /* 取消上定位 */
    margin-top: 15px;          /* 添加下边距 */
    padding: 5px 24px;        /* 增加内边距 */
    border: 1px solid #000000; /* 黑色边框 */
    border-radius: 0px;        /* 圆角 */
    color: #000000;            /* 黑色文字 */
    font-size: 12px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.3s ease;
    background-color: transparent;
}

/* 隐藏圆点图标 */
.ab_title i {
    display: none;
}

/* 悬停效果 */
.ab_title a:hover {
    background-color: #9a0e0e;
    color: #fff;
    border-color: #9a0e0e;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(154, 14, 14, 0.2);
}

/* 华为风格产品列表样式 */
.ab_pro ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.ab_pro li {
    width: 32%; /* 每行3个，减去间距 */
    float: none;
    padding-right: 0;
    padding-bottom: 2%;
    margin-bottom: 30px;
    position: relative;
    transition: all 0.3s ease;
}

.ab_pro li.li1 {
    width: 32%;
    padding-bottom: 2%;
}

/* 产品图片容器 - 移除圆角 */
.product-image-container {
    position: relative;
    overflow: hidden;
    border-radius: 0; /* 移除圆角，改为直角 */
    background-color: #f9f9f9;
    height: 240px; /* 固定高度 */
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
}

/* 产品图片 */
.ab_pro li img {
    width: 90%;
    height: 200px;
    object-fit: contain;
    object-position: center;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    display: block;
}

/* 产品遮罩层 */
.product-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background: rgba(0, 0, 0, 0.3); /* 初始有30%透明度的遮罩 */
    background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.1) 70%, transparent 100%); */
    /* background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.2) 40%, transparent 80%);background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 30%, transparent 60%); */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 0; /* 移除圆角 */
}

/* 产品规格文字容器 - 简化静态蒙版 */
.product-description {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    color: f9f9f9;
    transform: translateY(0);
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    z-index: 2;
    /* 简化静态蒙版，只覆盖底部一部分区域 */
    /* background: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.2) 60%, transparent);  */
}

/* 单个产品的标题 */
.product-description h5 {
    color: white;
    font-size: 16px;
    line-height: 1.5;
    margin: 0 0 5px 0; /* 减小下边距 */
    padding: 0;
    min-height: auto;
    text-align: left;
    /* 确保在左下角，从底部开始 */
    position: absolute;
    bottom: 45px; /* 从底部开始 */
    left: 20px;
    width: calc(100% - 40px); /* 减去左右边距 */
}

/* 产品描述文字 - 调整位置和样式 */
.product-description p {
    color: white;
    font-size: 12px;
    line-height: 1.5;
    margin: 0 0 5px 0; /* 减小下边距 */
    padding: 0;
    min-height: auto;
    text-align: left;
    /* 确保在左下角，从底部开始 */
    position: absolute;
    bottom: 20px; /* 从底部开始 */
    left: 20px;
    width: calc(100% - 40px); /* 减去左右边距 */
}

/* 了解详情文字 */
.product-action {
    position: absolute;
    bottom: 15px;
    left: 20px;
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    z-index: 3;
}

.product-action span {
    display: inline-block;
    color: white; /* 改为白色 */
    font-size: 14px;
    font-weight: bold;
    background-color: transparent;
    padding: 0;
    border-radius: 0;
    white-space: nowrap;
}

.product-action i {
    margin-left: 3px;
    transition: transform 0.3s ease;
    font-size: 16px;
    color: #e60012; /* 箭头改为红色 */
    vertical-align: middle;
    position: relative;
    top: 1px; /* 向下移动1像素 */
}

/* 产品标题 */
.ab_pro li h3 {
    font-size: 16px;
    font-weight: 500;
    color: #333;
    text-align: center;
    margin: 10px 0 0;
    padding: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background: none;
    position: static;
    opacity: 1;
    height: auto;
    line-height: 1.4;
}

/* 悬停效果 */
.ab_pro li a {
    display: block;
    border-radius: 0; /* 移除圆角 */
    text-decoration: none;
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    position: relative;
}
/* 鼠标悬停后，图片向上凸出，注释取消这个效果
.ab_pro li a:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}

.ab_pro li a:hover .product-image-container {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
*/

/* 悬停时加深遮罩 */
 .ab_pro li a:hover .product-overlay {
 /* background: rgba(0, 0, 0, 0.4); /* 悬停时加深遮罩 */
 background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 40%, rgba(0, 0, 0, 0.2) 70%, transparent 100%);
}

/* 悬停时产品描述上移效果 - 调整距离和效果 */
.ab_pro li a:hover .product-description {
    transform: translateY(-15px); /* 减小上移距离 */
}

/* 确保悬停时不会出现纯灰色背景 */
.ab_pro li a:hover .product-description h5 {
    bottom: 60px; /* 上移15px + 原有20px = 35px */
}
.ab_pro li a:hover .product-description p {
    bottom: 35px; /* 上移15px + 原有20px = 35px */
}

/* 悬停时按钮显示效果 */
.ab_pro li a:hover .product-action {
    opacity: 1;
    transform: translateY(0);
}

.ab_pro li a:hover .product-action i {
    transform: translateX(3px);
}

.ab_pro li a:hover img {
    transform: scale(1.05);
}

/* 响应式设计 - 移除圆角 */
@media only screen and (max-width: 1024px) {
    .ab_pro li {
        width: 48%;
    }
}

@media only screen and (max-width: 768px) {
    .ab_pro li {
        width: 100%;
        margin-bottom: 20px;
    }
    
    .product-image-container {
        height: 200px;
    }
    
    .ab_pro li img {
        height: 160px;
    }
}

/*ab_video*/
.ab_video .inner {overflow:hidden;}
.ab_video ul {width:102%;overflow:hidden;}
.ab_video li {float:left;width:23%;padding-right:2%;padding-bottom:2%;}
.ab_video h4 {text-align:center;font-size:16px;font-weight:normal;padding:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.ab_video .thumbnail a:hover:after {background-color:transparent;}
/*links*/
.links {padding:15px 0;background-color:#f6f6f6;}
.links .inner {overflow:hidden;}
.links h2 {float:left;font-size:14px;line-height:1.875em; font-weight:normal; color:#333;}
.links ul {overflow:hidden;margin-left:70px;}
.links li {font-size:14px;line-height:1.875em;float:left;padding:0 1%;}
.links li a {display:block; color:#555;}
.links li a:hover {color:#000;}
/*banner*/
.banner img {display:block;width:100%;height:auto;}
/*pageTitle*/
.pageTitle {position:absolute; left:0; top:0; background-color:#9a0e0e;color:#fff; padding:15px 20px; width:120px; text-align:center;}
.pageTitle .cn, .pageTitle .en {font-weight:normal; line-height:24px;}
.pageTitle .cn {font-size:18px;}
.pageTitle .en {font-size:12px; text-transform:uppercase;}
/*bar*/
.bar {background-color:#f9f9f9; border-bottom:1px solid #eee; margin-bottom:20px;}
.bar .inner {position:relative;}
/*menu*/
.submenu {padding:15px; margin-left:160px; margin-right:200px;}
.submenu ul {overflow:hidden;}
.submenu li {float:left;font-size:14px;color:#333; line-height:2em;}
.submenu li a {color:#333;padding:0 22px;display:block; position:relative;}
.submenu li.cur a:before {width:4px; height:4px; background-color:#9a0e0e; border-radius:50%; content:''; display:block; position:absolute; left:10px; top:50%; margin-top:-2px;}
.submenu li a:hover, .submenu li.cur a {color:#9a0e0e;}
/*breadcrumb*/
.breadcrumb {max-width:200px;float:right;font-size:12px; line-height:28px;color:#888;background:url(../images/icon_home.png) no-repeat left center;background-size:auto 12px;padding:15px 0 15px 15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.breadcrumb i {font-style:normal;padding:0 3px;color:#888;font-family:'Simsun';}
.breadcrumb a {color:#888;}
/*wrapper*/
.wrapper {padding:3.5% 0;}
.wrapper .inner {overflow:hidden;}
/*newsitem*/
.newslist {overflow:hidden;}
.newsitem {border-bottom:1px solid #eee;overflow:hidden;margin-bottom:3.5%;padding-bottom:3.5%; position:relative;}
.newsitem .istop {color:#fff; font-size:12px; position:absolute; left:5px; top:0; border-radius:0 0 3px 3px; width:1em; line-height:1.5em; padding:5px; background-color:#9a0e0e;}
.newsitem .thumbnail {float:left;width:300px;overflow:hidden;}
.newsitem .thumbnail a {transition:all 0.3s;}
.newsitem .thumbnail a:hover {transform:scale(1.1);}
.newsitem .info {margin-left:300px;overflow:hidden;padding:10px 120px 10px 30px;position:relative;}
.newsitem .info:after {width:1px; height:80%; background-color:#f1f1f1; position:absolute; right:85px; top:10%; content:''; display:block;}
.newsitem h2 {font-size:24px;color:#333;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.35em;margin-bottom:13px;}
.newsitem h2 strong {color:#9a0e0e;}
.newsitem .excerpt {color:#666;font-size:16px;line-height:1.875em;height:7.5em; text-align:justify;}

.newsitem .date {font-size:14px;line-height:1.5em; color:#999; overflow:hidden; margin-top:18px;}
.newsitem .date span {display:block; float:left; padding:0 20px 0 10px; position:relative;}
.newsitem .date span:before {width:4px; height:4px; background-color:#999; border-radius:50%; content:''; display:block; position:absolute; left:0; top:50%; margin-top:-2px;}
.newsitem .date i {font-size:60px;line-height:1em;font-style:normal;display:block;}

.newsitem .more {text-align:center; position:absolute; right:0; top:50%; margin-top:-24px;}
.newsitem .more a { width:48px; height:48px;display:block; border:1px solid #999; border-radius:50%;}
.newsitem .more i {display:block; background:url(../images/icon_more.png) no-repeat 0 0; width:24px; height:24px; position:absolute; left:50%; top:50%; margin:-12px 0 0 -12px; background-size:100% auto;}
.newsitem .more a:hover {border-color:#9a0e0e;}
.newsitem .more a:hover i {background-position:0 100%;}
/*pagenavi*/
.pagenavi {text-align:center;display: flex;justify-content: center;flex-wrap: wrap;font-size:14px;}
.pagenavi a, .pagenavi .now-page {display:block;color:#666; background-color:#f9f9f9; border-radius:0.214em; height:2.286em;line-height:2.286em;padding:0 0.5em;margin:0.143em;box-sizing: border-box; min-width: 2.286em;}
.pagenavi .now-page,.pagenavi a:hover {background-color:#9a0e0e;color:#fff;border-color:#9a0e0e;}
/*products*/
.products {overflow:hidden; margin-bottom:2%;}
.products ul {overflow:hidden;width:102%;}
.products li {width:23%;float:left;padding-right:2%;padding-bottom:2%;}
.products li .thumbnail {overflow:hidden;}
.products li .thumbnail a {transition:transform 0.3s;}
.products li .thumbnail a:hover {transform:scale(1.1);}
.products li .box {border:1px solid #eee;}
.products li h2 {font-size:16px;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:3.704% 7.937%;line-height:1.875em;text-align:center;}

/*relatedpro*/
.relatedpro ul {overflow:hidden;width:102%;}
.relatedpro li {width:14.666%;}
/*main*/
.main {margin-right:310px;overflow:hidden;}
/*posttitle*/
.posttitle {text-align:center;font-size:28px;font-weight:normal;line-height:1.35em;margin-bottom:2.5%;}

/*postmeta*/
.postmeta {font-size:0;line-height:normal;text-align:center;border-bottom:1px solid #eee; padding-bottom:10px; margin-bottom:3.5%;}
.postmeta span {display:inline-block;font-size:12px;line-height:1.75em;padding:0 15px 0 18px;color:#888;background:no-repeat left center;background-size:auto 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.postmeta .date {background-image:url(../images/icon_date.png);}
.postmeta .author {background-image:url(../images/icon_author.png);}
.postmeta .views {background-image:url(../images/icon_views.png);}
.postmeta .cate {background-image:url(../images/icon_cate.png);}
.postmeta a {color:#888;}
.postmeta a:hover {color:#333;}
/*postnavi*/
.postnavi {overflow:hidden; padding:2.5% 0; margin-bottom:2.5%; width:102%; border-top:1px solid #eee;}
.postnavi span {float:left; display:block; font-size:14px; line-height:1.75em; color:#666; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:48%; padding-right:2%;}
.postnavi .r {text-align:right;}
.postnavi a {color:#555;}
/*singlepage*/
.singlepage .entry {padding:3.5% 0 5%;}
/*video*/
.video {margin-bottom:1.875%; overflow:hidden;}
.video video {display:block; width:100%; height:auto;}
/*entry*/
.entry {font-size:16px;line-height:1.875em;color:#333;margin-bottom:1.5%;overflow:hidden;}
.entry p,.entry h1,.entry h2,.entry h3,.entry h4,.entry h5,.entry h6,.entry table,.entry hr {margin-bottom:1.875%;}
.entry img {width:auto; max-width:100%;height:auto!important;}
.entry hr {border:none;border-bottom:1px solid #e6e6e6;}
.entry blockquote {background-color:#f9f9f9;border-left:8px solid #e3e3e3;padding:1.65% 1.65% 0;overflow:hidden;margin:0 2em 1.875%;font-style:italic;color:#666;}
.entry ul,.entry ol {margin-left:2em;margin-bottom:1.875%;}
.entry ul li,.entry ol li {margin-left:1em;}
.entry ul li {list-style:outside disc none;}
.entry ol li {list-style:outside decimal none;}
.entry li p {display:inline;}
.entry video {max-width:100%; height:auto;}
/*tags*/
.tags {overflow:hidden;margin-bottom:3.5%;}
.tags h3 {float:left;font-size:14px;color:#555;line-height:1.75em;font-weight:normal;}
.tags ul {margin-left:56px;overflow:hidden;}
.tags li {float:left;font-size:14px;line-height:1.75em;padding:0 5px;}
.tags li a {color:#9a0e0e;}
.tags li a:hover {opacity:0.85;}
/*boxtitle*/
.boxtitle {font-size:18px; font-weight:normal; line-height:1.35em; position:relative; padding-bottom:8px; margin-bottom:20px;}
.boxtitle:before, .boxtitle:after {width:80px; height:1px; background-color:#eee; content:''; display:block; position:absolute; left:0; bottom:0;}
.boxtitle:after {width:35px; height:2px; background-color:#9a0e0e; bottom:-0.5px;}
/*relatednews*/
.relatednews {overflow:hidden; margin-bottom:3.5%;}
.relatednews ul {overflow:hidden; width:105%;}
.relatednews li {float:left; width:45%; font-size:16px; line-height:1.875em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:2px 5% 2px 0;}
.relatednews li a {padding-left:20px; position:relative; color:#555;}
.relatednews li a:before {content:''; display:block; width:6px; height:6px; background-color:#ccc; border-radius:50%; position:absolute; left:0; top:50%; margin-top:-3px;}
/*commentsList*/
.commentsList,.commentForm {overflow:hidden;margin-bottom:3.5%;}
.commentsList .avatar {float:left;width:50px;padding-top:5px;}
.commentsList .avatar span {padding-bottom:100%; position:relative;overflow:hidden; display:block;border-radius:50%;}
.commentsList .avatar img {position:absolute; left:0; top:0; display:block;width:100%;height:100%;}
.commentsList .info {margin-left:60px;overflow:hidden;}
.commentsList .top {overflow:hidden;}
.commentsList .top span {display:block;font-size:12px;line-height:1.75em;}
.commentsList .top .name {float:left;font-weight:bold; font-size:16px;}
.commentsList .top .name a {color:#333;}
.commentsList .top .reply {float:right;}
.commentsList .top .reply a {color:#666;}
.commentsList .mid {color:#999;font-size:12px;line-height:1.75em;}
.commentsList .btm {font-size:14px; color:#333;line-height:1.875em; padding:5px 0;}

.commentsList li {overflow:hidden;margin-bottom:2.5%;}
.commentsList li li {margin-left:60px;margin-top:5px;margin-bottom:0;}
.commentsList li li .avatar {display:none;}
.commentsList li li .info {margin-left:0;background-color:#fff;border:1px solid #e4e4e4;padding:10px 15px;}

#comment .item {overflow:hidden;margin-bottom:1.5%;}
#comment label {display:block;float:left;height:2.625em;line-height:2.625em;font-size:16px;}
#comment .input {margin-left:50px;border:1px solid #e4e4e4;border-radius:5px;overflow:hidden;}
#comment .text {width:100%;padding:0.5625em 1em;display:block;height:2.625em;line-height:1.5em;font-size:16px;color:#333;font-family:'Microsoft Yahei';background-color:#fff; box-sizing: border-box;}
#comment textarea.text {height:7.5em;}
#comment .btn {overflow:hidden;width: auto; margin-left: 50px;}
#comment .submit {background-color:#9a0e0e;color:#fff;width:7.5em;height:2.5em;border-radius:0.25em;cursor:pointer;float:right; -webkit-appearance:none;}
#comment .submit:hover {opacity:0.75;}
#comment .verify img {display:block; float:right; height:42px; width:auto;}
/*sidebar*/
.sidebar {float:right;width:280px;}
.stitle {background-color:#9a0e0e;padding:8px 10px;border-top-left-radius:5px;color:#fff;}
.stitle h3 {font-size:16px;font-weight:normal;line-height:1.35em;}
.stitle h4 {font-size:12px;font-weight:normal;opacity:0.75;line-height:1.125em;text-transform:uppercase;}

.related, .widget {margin-bottom:20px; overflow:hidden;}
.related li {padding:15px 0;overflow:hidden;border-bottom:1px solid #eee;}
.related li .thumbnail {float:left;width:75px;overflow:hidden;}
.related li .thumbnail a {transition:transform 0.3s;}
.related li .thumbnail a:hover {transform:scale(1.1);}
.related li .info {margin-left:85px;overflow:hidden;}
.related li h5 {font-size:16px;line-height:1.75em;font-weight:normal;height:3.5em;overflow:hidden;}


.widget ul, .widget .textwidget {padding:12px 0; overflow:hidden;}
.widget li {font-size:14px; border-bottom:1px solid #eee; padding:8px 0; line-height:1.75em;}
.widget li a {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-left:15px; position:relative;}
.widget li a:before {width:5px; height:5px; border:1px solid #cacaca; border-radius:50%; content:''; display:block; position:absolute; left:0; top:50%; margin-top:-3.5px;}
.widget li a:hover:before {border-color:#9a0e0e;}

.widget .divTags {width:102%;}
.widget .divTags li {width:48%; float:left; padding-right:2%;}

.divCalendar td, .divCalendar th {padding:2%; font-size:14px; text-align:center;}

.widget .divMisc li {width:45%; float:left; border-bottom:none;}
.widget .divMisc li img {display:block; width:100%; height:auto;}
.widget .divMisc li a {padding-left:0;}
.widget .divMisc li a:before {display:none;}

.widget .divSearchPanel {padding:25px 10px;border:1px solid #e4e4e4;border-top:none;}
.widget .divSearchPanel form {display:block; overflow:hidden; padding-right:50px; position:relative;}
.widget .divSearchPanel input[type='text'] {background-color:#eee; height:24px; line-height:24px; padding:5px 2%; width:96%;}
.widget .divSearchPanel input[type='submit'] {background-color:#9a0e0e; color:#fff; height:34px; width:50px; position:absolute; right:0; top:0; cursor:pointer;}
/*picList*/
.picList {float:left;width:450px;}
.picList .cur,.picList .item {border:1px solid #e4e4e4;padding:5px;background-color:#fff;}
.picList .cur {margin-bottom:10px;}
.picList .on {border-color:#9a0e0e;}
.picList .pic {padding-bottom:100%;position:relative;}
.picList .pic img {display:block;position:absolute;left:0;top:0;width:100%;height:100%;}
.picList .list {padding:0 30px;}
.picList .load {padding-bottom:18.077%;}
.picList .item {cursor:pointer;}
.picList .owl-nav button {display:block;position:absolute;top:0;height:100%;width:25px;text-indent:-99999em;}
.picList .owl-nav .disabled {opacity:0.5;cursor:default;}
.picList .owl-nav span {display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:#eee no-repeat center center;opacity:0.85;}
.picList .owl-nav .owl-prev {left:-30px;}
.picList .owl-nav .owl-prev span {background-image:url(../images/arrow_left.png);}
.picList .owl-nav .owl-next {right:-30px;}
.picList .owl-nav .owl-next span {background-image:url(../images/arrow_right.png);}
.product .proInfo {overflow:hidden;margin-bottom:3.5%;}
.product .right {margin-left:490px;overflow:hidden;}
.product .posttitle {text-align:left; margin-bottom:4%;}
.product .intro {background-color:#f9f9f9;padding:20px;font-size:16px;line-height:1.875em;color:#666;margin-bottom:4%; border-radius:15px 0 15px 0;}
.product .meta {font-size:14px;margin-bottom:5%;}
.product .meta .cat {padding:5px 0;}
.product .meta span {display:block;float:left;color:#333;font-weight:bold;height:36px;line-height:36px;}
.product .meta ul {margin-left:70px;overflow:hidden;}
.product .meta li {float:left;padding:2px 5px;}
.product .meta a {color:#555;display:block;border:1px solid #eee;padding:0 15px; font-size:12px; height:30px; line-height:30px;}
.product .meta a:hover {border-color:#9a0e0e;color:#9a0e0e;}
.product .btn {text-align:center; display: flex; align-items: center; flex-wrap: wrap; width: 102%; overflow: hidden;}
.product .btn span {display:block;width:31.33%; padding-right: 2%;}
.product .btn a {display:block;color:#fff;font-size:16px;height:42px;line-height:42px;background-color:#1296db;border-radius:5px;}
.product .btn a:hover {opacity:0.85;}
.product .btn .msg {background-color:#9a0e0e;}
.product .btn .buy {background-color:#ff5000;}
.product .proTitle {background-color:#f9f9f9;margin-bottom:3%;}
.product .proTitle h2 {font-size:14px;font-weight:normal;overflow:hidden;padding:5px 20px 0;}
.product .proTitle span {display:block;float:left;padding:5px 15px;border:1px solid #eee;border-bottom:none;color:#666;background-color:#fff;}
/*error404*/
.error404 .error {padding:5% 0 10%;}
.error404 .title {text-align:center;font-size:38px;font-weight:normal;line-height:1.5em;margin-bottom:1.5%;}
.error404 .intro {font-size:24px;color:#333;text-align:center;line-height:1.75em;}

/*
@media only screen and (max-width:1365px){
	.inner {width:93.75%;}
}
*/
@media only screen and (max-width:1280px){
	
	.topBtn {padding:22px 0;}
	
	.nav {margin-left:150px;}
	.nav li {line-height:65px; padding:0 15px; font-size:16px;}

	.ab_cat ul {width:102%;}
	.ab_cat li, .ab_cat li.cur {width:23%; padding-right:2%; opacity:1;}	
	.ab_cat li a {padding-bottom:68.36%;}
	.ab_cat li h2 {bottom:50%; background-color:rgba(154,14,14,.85); transform:translateY(50%);font-size:14px; padding:2%; width:76%;}
	
	.ab_title h2 {font-size:28px;}     /*首页尺寸标题字体大小*/
	
	
	.ab_top {width:520px;}
	.ab_news ul {margin-right:545px;}
	.ab_news li .thumbnail {width:120px;}
	.ab_news li .info {margin-left:130px;}
	.ab_news li time {display:none;}

	.ab_about .pic {width:450px;}
	.ab_about .info {padding-right:3%;}
	.ab_about .intro {line-height:1.75em;}

	
	
	.pageTitle {padding-left:15px; padding-right:15px;}
	.submenu {margin-left:150px; position:relative;}
	.submenu li a {padding-right:15px;}
	

	
	.related .title {padding:10px 15px;}
	.related h3 {font-size:18px;}
	.related h4 {font-size:14px;}

	.picList {width:380px;}
	.product .right {margin-left:410px;}
	/*1280px*/
	.logo {width:148px;}
}
@media only screen and (max-width:1024px){
	.nav li{ width:100% !important; text-align:left}
	.navBtn {display:block;}
	.nav {position:fixed; top:55px; right:-220px; background-color:rgba(255,255,255,.95); height:100%; width:220px; overflow-y:auto; -webkit-overflow-scrolling:touch; transition:right .3s; z-index: 5; border-left:1px solid #fff; margin:0;}
	.nav.open {right:0;}
	.nav ul {float:none; padding:10px 0 55px;}
	.nav li {float:none; line-height: 25px; position:relative; padding:0;}
	.nav li a {padding:10px 45px 10px 1.5em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color:#222;}
	.nav li em {position:absolute; right:0; top:0; width:45px; height:45px; z-index: 2; display: block; cursor:pointer;}
	.nav li em:after {content:''; display:block; width:8px; height:8px; border-right:1px solid #010101; border-bottom:1px solid #010101; transform:rotate(45deg); position:absolute; left:50%; top:50%; margin:-6.3px 0 0 -6.3px; transition:all .3s;}
	.nav li em.open:after {transform:rotate(-135deg); margin-top:-2.5px;}

	.nav li ul {position:static; left:auto; top:auto; padding:0; margin:0; width:auto; background-color: transparent; border:none;}
	.nav li li {text-align:left;}
	.nav li li a {padding:10px 1.5em 10px 2.5em;}
	.nav li li a:hover {color:#222;}
	
	.ab_top {width:410px;}
	.ab_news ul {margin-right:435px;}
	.ab_news li .thumbnail {width:90px;}
	.ab_news li .info {margin-left:100px;}
	.ab_news li h3 {line-height:1.125em;}
	.ab_news li p {line-height:1.65em; height:3.3em;}
	
	.ab_about .intro {font-size:14px;}
	.ab_about .pic {width:46.875%;vertical-align: middle;}
	.ab_about figure {padding:0 5px 5px 0;}
	
	.topBtn {padding:16.5px 0;}
	
	
	.bar {background-color:transparent; line-height:normal; border-bottom:none; margin-bottom:0;}
	.breadcrumb {float:none; max-width:none; padding-top:1.5%; padding-bottom:1.5%;}
	
	.pageTitle {display:none;}	
	
	.submenu {margin:0; padding:0;}
	.submenu ul {font-size:0; line-height:normal; text-align:center;}
	.submenu li {float:none; display:inline-block; padding:5px 15px;}
	.submenu li a {padding:2px 15px;background-color:#9a0e0e; color:#fff; border-radius:8px 0 8px 0;}
	.submenu li a:hover, .submenu li.cur a, .submenu li.on a {color:#fff;}
	.submenu li.cur a:before {display:none;}

	.newsitem .thumbnail {width:250px;}
	.newsitem .info {margin-left:250px; padding:0 81px 0 20px;}
	.newsitem .info:after {right:60px;}
	.newsitem .more a {width:40px; height:40px;}
	.newsitem h2 {font-size:22px; margin-bottom:10px;}
	.newsitem .excerpt {line-height:1.75em; height:7em;}
	.newsitem .date {margin-top:13px;}
	
	.posttitle {font-size:24px;}
	
	.commentsList .avatar {width:35px; height:35px;}
	.commentsList .info, .commentsList li li {margin-left:45px;}

	.sidebar {display:none;}
	.main {margin:0;}
	/*1024px*/
	.logo {padding:12px 0;width:127px; }
}
@media only screen and (max-width:960px){
	
	.ab_top {width:350px;}
	.ab_news ul {margin-right:365px;}
	.ab_news li .thumbnail {width:77px;}
	.ab_news li .info {margin-left:87px;}
	.ab_news li h3 {line-height:1.5em;}
	.ab_news li p {height:auto; white-space:nowrap; text-overflow:ellipsis;}
	
	.newsitem .more {display:none;}
	.newsitem .info {padding-right:0;}
	.newsitem .info:after {display:none;}

	.products li h2 {font-size:14px;}

	

	#comment .text,
	#comment label {font-size:14px;}
    #comment .btn,
	#comment .input {margin-left:45px;}
	#comment .submit {font-size:14px;}
	#comment .verify img {height:36px;}

	.sidebar {float:none; width:auto; margin-bottom:3.5%;}
	.related .title {border-top-left-radius: 0; overflow: hidden;}
	.related h3 {font-size:16px; float:left; line-height: 22px;}
	.related h4 {float:left; line-height: 22px; padding:0 5px;}

	.picList {width:320px;}
	.product .right {margin-left:350px;}
	.product .posttitle {text-align:center;}
	.product .intro {padding:15px;}
	.product .btn a {font-size:12px;}
}
@media only screen and (max-width:768px){
	.language-switcher{ padding: 13px 10px 0 0 !important;}
	.language-dropdown{width: 280% !important;left: -124% !important;}
	.language-item{ padding: 0 !important;}
	.nav {width:100%; right:-100%; background-color:#fff; top:54px; border-top:1px solid #e4e4e4;}
	.nav ul {padding-bottom:54px; padding-top:0;}
	.nav li {border-bottom:1px solid #eee;}
	.nav li li {border-top:1px solid #eee; border-bottom:none;}
	
	.slides .owl-dots {bottom:8.3%;}
	.slides .owl-dot.active span {width:25px;}

	.searchForm form {float:none; width:auto; padding:5px;}
	.searchForm .input {margin-right:40px;}
	

	.ab_cat li, .ab_cat li.cur {width:48%; padding-top:1%; padding-bottom:1%;}
	.ab_cat li h2 {font-size:12px; border-radius:5px;}

	.ab_title {margin-bottom:3.9%;}
	.ab_title h2 {font-size:18px; padding-bottom:5px;}
	
	.ab_pro li.li1 {width:48%; padding-bottom:2%;}
	.ab_pro li {width:48%; padding-right:2%; padding-bottom:2%;}
	.ab_pro li h3 {opacity:1; top:auto; bottom:5%; margin-top:0; left:5%; width:80%;display: none; /* 新增：完全隐藏“查看详情” */}
	.ab_pro li a:hover:after {opacity:0;}
	.ab_pro li a:hover h3 {top:auto;opacity:1;}
	.ab_pro li a:hover img {transform:none;}
	
	.ab_top {width:auto; float:none; margin-bottom:10px;}
	.ab_news ul {margin-right:0;}
	.ab_news li .thumbnail {width:120px;}
	.ab_news li .info {margin-left:130px;}
	.ab_news li h3 {line-height:1.75em;}
	.ab_news li p {line-height:1.875em; height:3.75em; white-space:normal;}

	.ab_about {display:block; width:auto;}
	.ab_about .info {display:block; width:auto; padding-right:0; }
	.ab_about .intro p {padding:0; margin-bottom:10px;}
	.ab_about .pic {display:block; width:auto;}

	.ab_video li {width:48%; padding-bottom:1%;}
	.ab_video h4 {padding:5px; font-size:14px;}

	.links {padding:10px 0;}
	
	.footer {padding:5% 0 3%;}
	.footer .right {display: none;}
	.footer .left {margin-right:0;}
	.footer .pic {display:none;}

	.pagesList ul {font-size:0; line-height: normal; text-align:center;}
	.pagesList li {display:inline-block; float:none; font-size:14px; line-height: 1.75em;}

	.copyright {text-align:center; line-height: 1.5em; font-size:12px;}

	.social ul {text-align:center;}
	.social li {margin:0 5px;}
	.social li a {width:30px; height:30px;}
	
	.submenu {margin-top:1.5%;}
	.submenu li {font-size:12px; padding:2px 8px;}
	
	.wrapper {padding:5.5% 0;}
	
	.newslist, .products {margin-bottom:3%;}
	.newsitem {padding-bottom:10px; margin-bottom:10px;}
	.newsitem .thumbnail {width:110px;}
	.newsitem .info {margin-left:120px; padding:0;}
	.newsitem h2 {font-size:16px; white-space:normal; line-height:1.5em; max-height:3em; margin-bottom:5px;}
	.newsitem .excerpt {font-size:14px; height:auto; display: block; white-space:nowrap;}
	.newsitem .more, .newsitem .date {display: none;}
	
	.posttitle {font-size:18px; line-height:1.5em; margin-bottom:3.5%;}
	
	.postmeta {margin-bottom:5%;}
	
	.boxtitle {font-size:16px; margin-bottom:12px;}
	
	.postnavi {width:auto;}
	.postnavi span {float:none; width:auto; padding:2px 0;}
	.postnavi .r { text-align:left;}
	
	.relatednews ul {width:auto;}
	.relatednews li {width:auto; float:none; padding:2px 0; font-size:14px;}
	
	.entry {font-size:14px;}
	.entry p, .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6, .entry table, .entry hr, .entry ul, .entry ol, .video {margin-bottom:3.5%;}
	.entry blockquote {margin-bottom:3.5%; padding:3.5% 3.5% 0 3.5%; border-left-width:5px;}
	
	.tags {margin-bottom:3.5%;}
	

	#comment label {float:none; height:auto; line-height: 1.75em;}
	#comment .input,
	#comment .btn {margin-left:0;}
	#comment .submit {float:none;}

	.picList {float:none; width:auto; margin-bottom:15px;}
	.product .right {margin-left:0;}
	.product .intro {font-size:14px; margin-bottom:10px;}
	.product .meta {margin-bottom:10px;}
	.product .meta span {height:34px; line-height: 34px;}
	.product .meta a {padding:0 10px;}
	.product .meta .cat {padding:2px 0;}
	.product .btn a {height:32px; line-height: 32px; font-size:14px;}

	.product .proTitle {margin-bottom:15px;}
	.product .proTitle h2 {padding:5px 15px 0;}

	.error404 .title {font-size:24px;}
	.error404 .intro {font-size:16px;}
	.error404 .intro a {display: block;clear:both;color:#9a0e0e;}
    /*768px*/
    .pagenavi {font-size:12px;}
}
@media only screen and (max-width:540px){
	.products ul {width:103%;}
	.products li {width: 47%; padding-right:3%; padding-bottom:3%;}
	.products li h2 {padding-left:5px; padding-right:5px;}
}
.adminbuy_cn img{ max-width:100% !important; height:auto !important;display:inline-block;}
.adminbuy_cn p{text-wrap: inherit !important;}
.adminbuy_cn p span{text-wrap: inherit !important;}

/* 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 #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;padding: 13x 10px 0 0;   /*设置语言选择器的位置*/
			
        }

        /* 语言切换按钮 */
        .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: 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;
        }