body{background-color:#f1f1f1;letter-spacing:1px}
.undefined{padding:80px 0 150px;text-align:center;color:#999}
.header{line-height:60px;height:60px;padding:10px 0;background-color:#fff}
.logo{position:absolute;left:8px;top:0;z-index:1}
.logo img{height:55px}
.nav{float:right}
.nav-open{position:absolute;right:0;top:0;height:30px;line-height:unset;width:30px;padding:15px 5px}
.layui-nav li{position:relative;display:inline-block;zoom:1;list-style:none;vertical-align:middle;line-height:60px;margin:0 10px;font-size:16px!important}
.layui-nav .layui-this:after{display:none}
.bx-nav{color:#d1a33e;overflow:hidden;padding:0;background-color: transparent;}
.bx-nav a{padding:0 20px;display:block;font-size:inherit}
.bx-nav .layui-this a{color:#16baaa;font-weight: bold;}
.nav-xs{text-align:center;float:none;height:100%;overflow-y:auto}
.nav-xs li{display:block!important;margin:0 20px}
.nav-open{display:none;margin-right:14px;cursor:pointer}
.nav-open i{display:inline-block;width:30px;height:2px;background-color:#16baaa;position:absolute;top:50%;transition:background-color .3s ease;transform:translateY(-50%)}
.nav-open i:after,.nav-open i:before{content:"";width:100%;height:2px;background-color:inherit;position:absolute;left:50%;transition:transform .3s ease}
.nav-open i:before{top:50%;transform:translate(-50%,-12px)}
.nav-open i:after{bottom:50%;transform:translate(-50%,12px)}
.nav-close i{height:0}
.nav-close i:before{transform:rotate(-45deg) translate(-45%,-15px)}
.nav-close i:after{transform:rotate(45deg) translate(-45%,15px)}
.layer-nav-open{box-shadow:none;top:79px;bottom:0}
.banner{display:block}
.banner-item{background-position:50%;background-size:cover}
.bannerDetail{height:100%;height:380px;text-align:center;color:#fff;box-sizing:border-box;overflow:hidden;position:relative}
.bannerDetail.newbanner{color:#575757}
.bannerTitle{display:inline-block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:15px 30px;border:1px solid;border-radius:10px}
.bannerTitle h1{font-size:35px;letter-spacing:12px}
.bannerTitle p{margin-top:30px;font-size:20px;letter-spacing:4px}
.bannerPage .bannerTitle{border:0;padding:5px 15px}
.bx-wrap{display:block}
.bx-wrap .bx-item{padding:35px 0;}
.bx-wrap .bx-item h2,.bx-wrap .bx-item p{text-align:center}
.bx-wrap .bx-item p{margin-top:15px;height: 42px;line-height:20px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.bx-wrap .bx-item .bx-item-h3{display:inline-block;position:relative;line-height:19px}
.bx-wrap .bx-item .bx-item-h3:after,.bx-wrap .bx-item .bx-item-h3:before{content:"";border-bottom:1px solid #d7d7d7;width:55px;height:0;position:absolute;left:100%;margin-left:15px;top:50%}
.bx-wrap .bx-item .bx-item-h3:before{right:100%;left:auto;margin-right:15px;margin-left:0}
.bx-wrap .bx-item .bx-item-box{margin-top:20px}
.AboutUsContent{white-space:pre-wrap;font-size:16px;line-height:30px}
.bx-wrap .bx-item .imgList{text-align:center}
.bx-wrap .bx-item .imgList .img{padding-bottom:100%;position:relative;overflow:hidden}
.bx-wrap .bx-item .imgList .img img{max-height:100%;max-width:100%;width:100%;display:block;min-width:100%;min-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);object-fit:cover;border:0}
.bx-item:nth-child(odd){background-color:#f1f1f1}
.biaoxinIcon{text-align:center;margin:35px 0;}
.bxIcon{display:inline-block}
.bxIcon i{font-size:45px;display:block;background-color:#bbf926;color:#fff;border-radius:50%;width:90px;height:90px;line-height:90px;margin:auto}
.bxIcon.anquan i,.bxIcon.anquan label:after{background-color:#8ec900}
.bxIcon.anshi i,.bxIcon.anshi label:after{background-color:#1671e1}
.bxIcon.youzhi i,.bxIcon.youzhi label:after{background-color:#e9aa1b}
.bxIcon.category i,.bxIcon.category label:after{background-color:#f555bb}
.bxIcon label{margin-top:15px;font-weight:700;font-size:18px;display:block;padding-bottom:15px;position:relative}
.bxIcon label:after{content:"";width:30px;height:3px;position:absolute;bottom:0;background-color:#f555bb;left:50%;transform:translateX(-50%)}
.bxIcon p{margin-top:10px;font-size:12px;color:#9b9b9b;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;padding:0 8px}
.Products{padding-top:0!important;overflow:hidden}
.list_box{position:relative}
.list_sort{position:absolute;left:0;top:0;width:185px;background-color:#fff}
.list_sort ul{overflow:hidden;padding:10px 0}
.list_sort ul a{display:block;line-height:25px;text-align:center;padding:10px 5px;font-size:16px}
.list_sort ul a.layui-this{color:#16baaa}
.ProductList{width: 960px; max-width: 100%; margin: 0 auto;  margin-top:0!important;background-color:#fff; min-height:370px}
.product_detail .cover{padding-bottom:75%;position:relative;overflow:hidden}
.product_detail .cover img{max-width:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);object-fit:cover}
.product_content img{max-width:100%}
.location{margin-top:15px;margin-bottom:15px}
.product_title{line-height: 35px;}
.product_desc{margin-top:20px;background-color: #ededed;padding: 20px;border-radius: 5px;}
.news{background-color:#fff;margin-top:10px;padding:15px}
.news .content>div{padding-bottom:40px;border-bottom:1px dashed #eaeaea;position:relative;overflow:hidden}
.news .content .news-img{width:35%;float:left}
.news .content .news-img img{max-width:90%}
.news .content .news-panel{display:inline-block;width:100%;vertical-align:top;padding-left:5px;box-sizing:border-box}
.news .content .news-img+.news-panel{width:65%}
.news .content .news-panel strong a{display:block;color:#555;font-size:18px;line-height:26px;height:26px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.news .content .news-panel p.detail{color:#777;line-height:24px}
.news .content .news-panel p.detail span{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:48px}
.news .content .news-panel p.read-push{color:#aaa;padding-top:20px;text-align:right}
.main-news .content:nth-child(odd){padding-right:20px}
.main-news .content:nth-child(2n){padding-left:20px}
.article{border-radius: 5px; font-size: 16px;line-height: 2; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); overflow:hidden;position:relative;word-wrap: break-word;max-width: 100%; width: 960px; margin: 10px auto; background-color: #fff;min-height: 210px;}
.article h2{text-align:center;font-size:26px}
.article time{display:block;text-align:center;margin-top:2%}
.article_content a { color: #0075ff; }
.article_content{ font-family: monospace; font-size:16px;overflow:hidden;padding:15px;position:relative;min-height:210px;}
.article_content.page{padding-right:0;}
.article_content img{max-width:100%;margin:10px auto;}
.contactus{background-color:#fff;position:absolute;right:0;top:0;width:300px;font-size:14px}
.contact-header{background-image:url(contact.jpg);padding-bottom:40%;background-position:50%;background-size:cover;background-repeat:no-repeat}
.contact-content{padding:15px}
.page_view{text-align: center;position: relative;padding: 15px 0;}
.page_view span{color: #000000;padding: 0 8px;}
.page_view a{line-height: 25px;background: #16baaa;margin: 10px 2px;padding: 0 11px;cursor: pointer;display: inline-block;color: white;border-radius: 3px;}
.footer{margin-top:1%;background-color:#22344b;color:#fff;padding:30px 0 0}
.footer a{color:#e1e1e1}
.footer .link a{display:block;line-height:24px;padding:0 10px}
.footer .qrcode{/*text-align:center;*/}
.footer .qrcode img{height:130px;width: 130px;}
.footer h3{margin-bottom:8px}
.footer .bottom{line-height:25px;margin:20px 0 0;border-top:1px solid #2c4361;background-color:#121e2f;overflow:hidden;padding:15px 0}
.footer .bottom .copy{display:inline-block}
.footer .bottom .icp{float:right}
.layui-fixbar .layui-fixbar-top{color:#16baaa;}
@media screen and (max-width:968px){.banner{height:350px!important}
.bannerDetail{height:300px}
.bannerPage{height:unset!important}
.layui-col-space25.bx-item-box .imgList{padding:6px}
.list_sort{position:relative;/*background-color:transparent;*/width:auto;text-align:center}
.list_sort ul{overflow:hidden;padding:5px 0 10px}
.list_sort ul a{display:inline-block;line-height:25px;padding:10px 15px;font-size:14px}
.list_sort ul a.layui-this{color:#16baaa;border-bottom:2px solid #16baaa}
.ProductList{margin-top:10px!important;padding:0;}
}
@media screen and (max-width:768px){.banner{height:300px!important}
.bannerDetail{height:200px}
.bannerPage{height:unset!important}
.bx-nav a{padding:0 10px}
.footer .qrcode img{height:140px;width: 140px;}
.footer .bottom .copy,.footer .bottom .icp{display:block}
.footer .bottom{text-align:center}
.footer .bottom .icp{float:none}
.biaoxinIconItem{width:50%;padding:10px 0}
.bxIcon i{font-size:35px;width:70px;height:70px;line-height:70px}
.bxIcon label{font-size:14px}
.bannerTitle h1{font-size:20px;letter-spacing:5px}
.bannerTitle p{margin-top:10px;font-size:14px;letter-spacing:1px}
/*.article_content{padding-right:unset}*/
.contactus{position:relative;width:auto;margin-top:35px}
}
@media screen and (max-width:960px){.news .content .news-img{width:100%;float:unset;margin-bottom:15px}
.news .content .news-img img{max-width:100%}
.news .content .news-panel{width:100%}
.news .content .news-panel p.detail span{height:auto;display:unset}
.news .content .news-img+.news-panel{width:100%}
}

 /*新版帖子列表*/
.bbs-post { background-color: white; border-radius: 8px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); margin-bottom: 15px; padding: 15px; transition: all 0.3s ease; }
.bbs-post:hover { box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); transform: translateY(-2px); }  
.bbs-post-content { display: flex; flex-direction: column; }
.bbs-post-title { margin-bottom: 10px; } 
.bbs-post-link { color: #333; font-size: 16px; font-weight: bold; text-decoration: none; transition: color 0.2s; }
.bbs-post-link:hover { color: #1e9fff; }
.bbs-post-meta { display: flex; justify-content: space-between; align-items: center; font-size: 12px;  color: #999; }
.bbs-post-author { display: flex; align-items: center; }
.bbs-post-date { margin-right: 10px; }
.bbs-post-stats { display: flex; align-items: center; }
.bbs-post-views, .bbs-post-comments { display: flex; align-items: center; margin-left: 15px;}
.bbs-post-views img, .bbs-post-comments img { width: 14px; height: 14px; margin-right: 5px; }
 /*新版帖子列表结束*/

/*暂留*/
.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
}

/* 文章条目中的置顶图案 */
.log-topflg {
    user-select: none;
    display: inline-block;
    position: relative;
    padding: 3px 4.5px;
    font-size: 14px;
    cursor: default;
    background-color: antiquewhite;
    border-radius: 5px;
}

/* 相邻文章按钮的样式 */
.neighbor-log {overflow: hidden;margin-block: 10px;}
.prev-log {margin: 3px 0;float: left;padding: 4px 8px 4px 8px;font-size: small;border: 1px solid var(--borderColor);border-radius: 0.5rem;}
.next-log {margin: 3px 0;float: right;padding: 4px 8px 4px 8px;font-size: small;border: 1px solid var(--borderColor);border-radius: 0.5rem;}
.comment-info a {color: var(--lightColor);padding-left: 5px}
.comment-info hr {margin: 4px 0px}

/*搜索*/
@media (min-width: 401px) { .search-div {width: 700px;} }
.search-div {max-width: 100%;width: 960px;text-align: center;margin: auto;padding-top: 30px;}
.search-shuru{height: 30px;border: 1px solid #007BFF;border-radius: 23px 0 0 23px;padding: 5px;min-width: 70%;}
.search-queren{margin-left: -14px;padding: 11px 25px 12px;background-color: #007BFF;border: none;border-radius: 0 23px 23px 0;color: white;}


/*最新最热文章*/
.hot-nr, .new-nr { max-width: 97%; margin: 10px auto; text-align: left; line-height: 40px; }
/*电脑端*/
  @media screen and (min-width: 677px) { .hot-nr, .new-nr {width: 720px;} }
/*手机端*/
  @media screen and (max-width: 678px) { .hot-nr, .new-nr {width: 480px;} }
/*最新最热文章大标题向右10px*/
  .widget-title { padding-left: 10px; }
/*最新最热文章每行底边框*/
  .new-nr ul li { border-bottom: 1px solid #dbdbdb; }
  .hot-nr ul li { border-bottom: 1px solid #dbdbdb; }
  /*弹窗登录浮层最高----暂不启用
   .Ixc_login_alert_bg, .Ixc_login_alert { z-index: 19891020!important; } 
    #xayer2, #xayer-shade2, #xayer-shade4, #xayer-shade3, #xayer-shade1 { z-index: 19891099!important;}
 #xayer, #xayer1, #xayer2, #xayer3, #xayer4{ z-index: 19891199!important; } 
*/
 #qqlogin:after{ content: 'Q Q 一键登录'; } 
 #wxlogin:after{ content: '微信扫码登录'; } 
 .log_cover { display: block; }
 .article_content .img { display: inline-block; }