#root{ /*max-width: 1920px;*/ margin-left: auto; margin-right: auto; }
.uk-container-expand,.maxwidth{ max-width: 1920px; margin-left: auto; margin-right: auto; }

.uk-transition-toggle:hover .uk-transition-scale-up{ transform: scale(1.1); }
.uk-navbar-nav{ gap: 0; }





.header{ position: relative; }
.header .hd{ height: 40px; line-height: 40px; background: var(--main-color); color:#fff; }
.header .hd a{ color:#fff; text-decoration: none; }
.header .hd .right .btn-so{ margin-right: 40px; }
.header .hd .right .btn-cart{ margin-right: 20px; padding-right: 20px; border-right: 1px solid rgba(255,255,255,0.3); line-height: 20px; }
.header .bd{ padding:20px 0; }
.header .bd .uk-logo img{ height: 50px; }


.header .bd .menu>li{ position: relative; margin-left: 40px;}
.header .bd .menu>li>a{ display: block; font-size: 18px; padding:10px 0; }
.header .bd .menu>li>a::after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: var(--main-color); transform: scaleX(0); transition: transform 0.3s ease-in-out; }
.header .bd .menu>li>a:hover::after, .header .bd .menu>li.active>a::after{ transform: scaleX(1); }
.header .bd .menu>li>a>span{ position: relative; top:-3px; }
.header .bd .menu .uk-drop{ background: #fff; padding:10px; box-shadow: 0 0 10px rgba(0,0,0,0.1); width: 100px; border-radius: 6px; }
.header .bd .menu .uk-drop a{ display: block; line-height: 34px; color:#525252; padding:0 5px; border-radius: 4px; }
.header .bd .menu .uk-drop a:hover{ background: #fafafa; color:var(--main-color); }
.header .bd .menu>li:nth-child(4) .uk-drop{ width:355px; }
.header .bd .menu>li:nth-child(6) .uk-drop{ width:160px; }


.header .uk-search{ background: #fff; border-radius: 4px; overflow: hidden; box-shadow: 0 0 10px rgba(0,0,0,0.1); }
.header .uk-search-default{ width:300px; }
.header .uk-search .uk-search-input{ border-radius: 4px 0 0 4px; }
.header .uk-search .uk-button{ background:var(--main-color); border:1px solid var(--main-color); padding:0 10px; width:80px; color:#fff; border-radius:0 4px 4px 0; }


.banner{ position: relative; overflow: hidden; }
.banner .bar{ position: absolute; z-index: 3; left: 0; right: 0; bottom:15%; color:#fff; }
.banner .uk-container .tit1{ line-height: 1.4; position: relative; }
.banner .swiper-container, .banner .swiper-wrapper{ width: 100%; height: 100%; }
.banner .swiper-slide{ width: 100%; height: 100%; }
.banner .swiper-slide img{ height: 100%; width: 100%; object-fit: cover; }
.banner .swiper-pagination-bullets{ bottom: 30px !important; }
.banner .swiper-pagination-bullet{ width:30px;height:3px; border-radius: 0; background:rgba(255,255,255,.5);opacity:1}
.banner .swiper-pagination-bullet-active{background:#fff}
/* .banner .swiper-button-next,.banner .swiper-button-prev{color:#fff}
.banner .swiper-button-next::after,.banner .swiper-button-prev::after{font-size:30px} */
.banner img{ max-width:100%; height: 100%; }
@media screen and (min-width: 1920px) {
    .banner{ height: 800px;}
}


.banner .uk-position-center{ width: 100%; padding-left: 200px; padding-right: 200px; }
.banner .btns{ margin-top:30px; }
.banner .uk-button{ margin-right:20px; min-width: 160px; font-size: 16px; }





#offcanvas-push .uk-nav a{ color:#fff; font-size: 18px; padding:12px 0; }
#offcanvas-push .uk-nav li{ border-bottom: 1px solid rgba(255,255,255,0.1);}
.uk-offcanvas-bar{ background: var(--main-color); padding-top:50px;  color:#fff;  }


/*页脚*/
.footer{ background: url(../images/bg_foot.png) center; color:#fff; font-size: 16px; }
.footer h2{ color:#fff; font-size:22px; margin-bottom: 20px; }
.footer a{ color:#fff; text-decoration: none; }
.footer .hd{ padding:50px 0; }
.footer .hd .fotnav li{ margin-bottom: 5px; margin-right: 20px; }
.footer .hd .fotnav li a{ display: block; padding:2px 5px; border-radius: 4px; }
.footer .hd .fotnav li a:hover{ background: rgba(0,0,0,0.4); color:#fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); }
.footer .hd .fotcat li{ margin-bottom: 20px; position: relative; padding-left:30px; }
.footer .hd .fotcat li .uk-icon{ position: absolute; left: 0; width: 26px; border:50%; border:1px solid #fff; border-radius: 50%; padding:5px; margin-right: 10px; }
.footer .hd .fotcat li .uk-icon svg{ height: 14px; }
.footer .fd{ border-top:1px solid rgba(0,0,0,0.2); padding:15px 0 25px; }


#back-to-top{display:inline-block;background-color:rgba(220,220,220,.8);width:50px;height:50px;text-align:center;border-radius:4px;position:fixed;bottom:30px;right:30px;transition:background-color .3s,opacity .5s,visibility .5s;opacity:0;visibility:hidden;z-index:1000}
#back-to-top::after{content:"2";font-family:eleganticons;font-weight:400;font-style:normal;font-size:2em;line-height:50px;color:#000}
#back-to-top:hover{cursor:pointer;background-color:#4285f4}
#back-to-top:hover::after{color:#fff}
#back-to-top:active{background-color:#555}
#back-to-top.show{opacity:1;visibility:visible}




.title{ margin-bottom: 40px; }

/*首页*/
.ipart1{ padding:100px 0; }
.ipart1 .left{ position: relative; padding-left:55px; padding-bottom: 55px; }
.ipart1 .left::before{ position: absolute; left: 0; bottom:0; top:55px; right:55px; content:''; display: block; border:10px solid var(--main-color); border-radius: 20px; }
.ipart1 .left img{ position: relative; z-index: 1; border-radius: 20px;}
.ipart1 .left video{position: relative; z-index: 1;}
.ipart1 .right{ padding-left:70px; }
.ipart1 .right .desc{ margin:40px 0; }
.ipart1 .right .datas{ border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:10px 0 20px; }


.ipart2{ background: #fafafa; padding:100px 0; }
.ipart2 .hd li{ margin-bottom: 5px; }
.ipart2 .hd a{ font-size:16px; border-radius: 6px; }
.ipart2 .hd a em{ font-style: normal; color:#555; }
.ipart2 .hd a:hover{ background: var(--main-color); color:#fff; }
.ipart2 .hd .uk-subnav-pill>.uk-active>a{ background: var(--main-color); color:#fff; }
.ipart2 .bd{ margin-top:30px; }
.ipart2 .bd .uk-wrap{ border-radius: 10px; overflow: hidden; border:1px solid #ddd; }
.ipart2 .bd .uk-wrap .ico{ padding:5px; height:320px; text-align:center; background:#fff; }
.ipart2 .bd .uk-wrap .ico img{ max-width:100%; max-height:100%; }
.ipart2 .bd .uk-wrap .tit{ padding:5px; background:#fff; text-align: center;}


.ipart3{  padding:100px 0 120px; background:#fff; }
.ipart3>div>.uk-grid{ margin-left:-40px; padding-top:0px; }
.ipart3>div>.uk-grid>div{ padding-left:40px; }
.ipart3 .inews ul{ border-top:1px solid #e7e7e7; }
.ipart3 .inews li{ border-bottom:1px solid #e7e7e7; padding:17px 120px 17px 20px; position: relative; min-height: 124px; background: url(../images/ico_li.png) 5px 30px no-repeat;  }
.ipart3 .inews li .f18 { color:#3b3b3b; line-height:1.6; }
.ipart3 .inews li .date{ padding-left:10px; padding:12px 20px; width:100px; }
.ipart3 .inews li:hover .f18{ color:var(--main-color); }
.ipart3 .inews li:hover .date{ color: var(--main-color);}
.ipart3 .inews li .uk-width-expand{ max-height:89px; overflow:hidden; }
.ipart3 .inewsslide>div{ border-radius: 10px; overflow: hidden;}
.ipart3 .inewsslide .text{ height: 50px; line-height: 50px; padding:0 120px 0 20px; background: rgba(136,37,4,0.9);}
.ipart3 .inewsslide .uk-slidenav{ bottom:0; top:auto; transform:none; width:50px; height: 50px; line-height: 38px; text-align: center; background: #dac07c; color:#fff;  }
.ipart3 .inewsslide .uk-slidenav:hover{ background: var(--main-color); }
.ipart3 .inewsslide .uk-slidenav-previous{ right:50px; left: auto; }
.ipart3 .inewsslide .uk-slidenav-next{ }
.ipart3 .inewsslide .uk-dotnav{ bottom:20px; right:20px; }
.ipart3 .inewsslide .uk-dotnav>*{ padding-left:8px; }
.ipart3 .inewsslide .uk-dotnav>*>*{ width:10px; height: 10px; border:0; background: #fff;}
.ipart3 .inewsslide .uk-dotnav>.uk-active>*{ background: #ffb300;}



/*inban*/
.inban{ height: 500px; background: url(../images/inban.jpg) center; }
.inban .bar .uk-wrap{ background: rgba(0,0,0,0.2); }
.inban .bar .uk-wrap h2{ display: inline-block; margin:0; padding:10px 20px; background:var(--main-color); color:#fff; }
.inban .bar .uk-wrap .crumb{ padding:0 20px; color:#fff; }
.inban .bar .uk-wrap .crumb a{ color:#fff; }


.tbody{ padding:50px 0 150px; }


/*新闻*/
.newspart{  margin-bottom: 50px; background:#f3f3f3; border-radius: 20px; margin-top:30px; }
.newspart .pic{ width:100%; height: 440px; overflow: hidden; border-radius: 20px 0 0 20px; }
.newspart .pic img{ width:100%; height: 100%; object-fit: cover; }
.newspart .uk-wrap{ margin:40px 50px; }
.newspart .uk-wrap .desc{ color:#747474; line-height:2.2; }
.newspart .uk-wrap .uk-button{ line-height: 36px; padding:0 20px; }
.newspart .uk-wrap .more a{ min-width: 160px; }

.newslist li{ position: relative; margin-top: -1px; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; padding:40px 0px;}
.newslist li .pic{ width:280px; margin-right:50px; }
.newslist li .date{ margin-left:20px; margin-right:80px; width:90px; position: relative; color:#c8c8c8; padding-top: 5px; }
.newslist li .date .f60{ line-height: 1.2;}
.newslist li .date::before{ position: absolute; top:50%; right: -40px; transform: translateY(-50%); content:''; display: block; width:10px; height: 10px; background: #c8c8c8; border-radius: 50%; }
.newslist li .con .tit{ margin-bottom:10px; }
.newslist li .con .desc{color:#8d8d8d; line-height: 1.8; min-height: 60px; margin-top:8px; }
.newslist li:hover{ border-color:var(--main-color); position: relative; z-index: 1; background: #f8f8f8; }
/* .newslist li:hover .tit, .newslist li:hover .con .desc{ color:var(--main-color); } */
.newslist li:hover .date{ color:var(--main-color); }
.newslist li:hover .date::before{ background: var(--main-color); }


.newslist2 li{ margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px dashed #e0e0e0;}
.newslist2 li .pic{ width:130px; margin-right:40px; }
.newslist2 li .pic .img{ background-size:100% auto; }
.newslist2 li .con{ position: relative;}
.newslist2 li .con .tit{ padding-right:100px; margin-bottom: 5px; }
.newslist2 li .con .date{ position: absolute; top:0; right:0; }


h1.f36{ margin-top:30px; padding-left:50px; padding-right:50px; line-height: 1.4; }
.infos{  margin-bottom: 20px; padding-bottom: 15px; color:#a2a2a2; }

.infos .tags{ margin:20px 0 -10px; }
.infos .tags span,.infos .tags a{ margin-left:5px; background:#e2e2e2; color:#717171; }
.infos .tags span:hover,.infos .tags a:hover{ margin-left:5px; background:var(--main-color); color:#fff; }

.backlink{ margin-bottom: 40px; }

.content{ line-height: 2; color:#727272; }
.content img{ height: auto!important;}

.share{  padding:20px;  }


/*上下链接*/
.cother{  }
.cother ul li{ padding: 12px 20px 12px 110px; background-size: auto; position: relative; margin-bottom: 20px; background-color: #f8f8f8; }
.cother ul li a{color:#8a8a8a; white-space:nowrap;overflow:hidden;display:block;text-overflow:ellipsis; }
.cother ul li a:hover{color:var(--main-color); }
.cother li span{ position: absolute; top:12px; left: 25px; padding-left:20px; background-repeat: no-repeat; background-position: left center; }
.cother li:first-child span{ background-image: url(../images/icon_prev.png); }
.cother li:last-child span{ background-image: url(../images/icon_next.png); }



/*联系我们*/
.contact-box{ padding:30px 0 70px; }
.contact-box .uk-wrap{ text-align: center; max-width: 320px; margin-left: auto; margin-right: auto; }
.contact-box .ico{ margin: 0 auto 20px; width:86px; height: 86px; line-height: 66px; background: var(--main-color); border-radius: 50%; border:10px solid #cb9e9a; }
.contact-box .name{ margin-bottom: 5px; }


#tdtmap{ height:600px; width: 100%; position:relative; z-index: 1; }
#tdtmap .tdt-infowindow-content-wrapper,#tdtmap .tdt-infowindow-tip{ background: none; box-shadow:none; }
#tdtmap .tdt-infowindow-tip-container{ display: none; }
#tdtmap .tdt-infowindow-content{ margin:0; }
#tdtmap .tdt-infowindow-close-button{ display: none; }
.catinfo{ position: relative; width:100px; height: 40px; line-height:40px; background:var(--main-color); padding:0px; color:#fff; overflow: hidden; }
.catinfo .tit1{ margin-bottom: 10px; }
.catinfo ul li,.catinfo ul li .iconfont{ color:#808080; }
.catinfo .onenavi{ color:#fff; }


/*图文*/
.albumlist{ padding: 20px 20px 0; }
.albumlist .ico{ border:1px solid #dedede; padding:4px; }
.albumlist .name{ background:#f7f7f7; padding:10px; }

/*分享*/
/* .uk-modal-share{ padding: 20px 40px; }
.uk-modal-share .tit{ border-bottom: 1px solid #eee; margin-bottom: 20px; padding-bottom: 10px; }
.uk-modal-share .uk-grid{ padding:30px 10px; }
.uk-modal-share .uk-wrap .ico{ width:60px; height: 60px; line-height: 60px; border-radius: 50%; color:#fff; margin:0 auto 10px; }
.uk-modal-share .icon-weibo-share .ico{ background:#f87f86; }
.uk-modal-share .icon-weixin-share .ico{ background:#36d7b6; }
.uk-modal-share .icon-qq-share .ico{ background:#73b8f8; } */


/*下载*/
.downlist ul{ border-top:1px dashed #e0e0e0; padding-top: 20px; }
.downlist ul li{ margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dashed #e0e0e0; }
.downlist ul li .tit{ margin-bottom: 5px; font-size: 18px; position: relative; padding-left: 20px; }
.downlist ul li .tit::after{ position: absolute; content:''; display: block; width: 10px; height: 10px; background: var(--main-color); border-radius: 50%; top:50%; left: 0px; transform: translateY(-50%); }
.downlist ul li .desc{ color:#8d8d8d; line-height: 1.8;  }



/*推购*/
.searchbar{ margin-bottom: 50px; }
.searchbar .uk-search-default{ width: 400px; }
.searchbar .uk-search-default .uk-search-input{ height: 50px; border-radius: 10px 0 0 10px; }
.searchbar .uk-search-default .uk-button{ height: 50px; border-radius: 0 10px 10px 0; padding:0 20px; }
.searchbar .uk-search-default .uk-button svg{ display: block; }


.books .hd{ margin-bottom: 40px; padding:15px; border-radius: 15px; background: #f8f8f8; }
.books .hd ul>li{ margin-bottom: 5px; margin-right: 10px;}
.books .hd a{ font-size:16px; border-radius: 6px; display: block; padding:7px 15px; }
.books .hd a em{ font-style: normal; color:#555; }
.books .hd a:hover{ background: var(--main-color); color:#fff; }
.books .hd ul>li>a.active{ background: var(--main-color); color:#fff; }

.booklist thead{ background: #dbdbdb; }
.booklist thead th{ color:var(--main-color); font-weight: bold; }
.booklist td:first-child a{ right:200px; }
.bookmark{ background: #fafafa; padding:20px; border-radius: 10px; margin:20px 0; }
.bookmark .ico{ border:5px solid #ddd; padding:10px; background:#fff; border-radius:10px; }
.bookmark .spec{ margin-left: 40px; }
.bookmark .last{ margin-top:20px; }


/* 数量选择器样式优化 */
.quantity-input{display: inline-flex; border: 1px solid #ddd; border-radius: 4px; overflow: hidden; transition: all 0.3s ease;}
.quantity-input:hover { border-color: var(--main-color); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); }
.quantity-btn:hover {background-color: var(--main-color);color: white; }
.quantity-btn:active {background-color: var(--main-color);}
.quantity-btn.decrease{width: 36px; height: 40px; border: none; background-color: #f8f9fa; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 18px; color: #666; font-weight: bold; transition: all 0.2s ease;}
.quantity-btn.increase{width: 36px; height: 40px; border: none; background-color: #f8f9fa; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 16px; color: #666; font-weight: bold; transition: all 0.2s ease;}
.quantity-input #num{width: 60px; height: 40px; border: none; text-align: center; outline: none; -moz-appearance: textfield; font-size: 14px; font-weight: 500;}
.quantity-input #num:focus {background-color: #f8f9fa;}
/* 隐藏数字输入框的上下箭头 */
.quantity-input #num::-webkit-outer-spin-button,.quantity-input #num::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}

@media (max-width: 960px) {
  /* 让表格和行变为块级元素，脱离默认表格布局 */
  .uk-table, .uk-table tbody, .uk-table tr { display: block; width: 100%; }
  /* 隐藏表头（如果需要显示表头文字，可通过其他方式处理） */
  .uk-table thead { display: none;}
  
  /* 让单元格占满100%宽度，并堆叠显示 */
  .uk-table td { display: block; width: 100% !important; /* 强制占满宽度 */ box-sizing: border-box; /* 避免padding撑大宽度 */ text-align: right; /* 文字右对齐，模拟"标签: 内容"结构 */ position: relative; padding:5px 5px 5px 5em;min-height: 35px; }
  
  /* 用:before添加"伪表头"（可选，优化体验） */
  .uk-table td:before { content: attr(data-label); /* 从td的data-label属性获取表头文字 */ position: absolute; left: 0; width: 50%; padding-left: 8px; text-align: left; font-weight: bold; }
}


/*搜索*/
.bg-gray3{ color:#c8c8c8; }
.bg-gray2{ color:#8d8d8d; }
/* .searchlist{ background:#fff; } */
.searchlist{ background: #fff; border:1px solid #f1f1f1; }
.searchlist .sobar{ margin-bottom: 20px; }
.searchlist .sobar .uk-search-default{ width: 380px;}
.searchlist .sobar .uk-search-default .uk-search-icon-flip~.uk-search-input{ border-color:#fff; border-radius: 20px; background:#fff; width: 100%; padding-left:20px; }
.searchlist .sobar .uk-icon{ color:#000; }
.searchlist .sobar a{ display: inline-block; background:#c3c3c3; color:#fff; min-width: 120px; text-align: center; line-height: 30px; margin-right: 5px; }
.searchlist .sobar a:hover,.searchlist .sobar a.active{ background:#0053a4; }

.searchlist .searchinfo{ background: #fff; padding: 10px 15px; margin-bottom: 20px; color:#757575; border-bottom:1px solid #e7e7e7; }
.searchlist .news{ padding:0 30px; }
.searchlist .news li{ padding-bottom: 30px; margin-bottom: 30px; border-bottom:1px solid #e9e9e9; position: relative; padding-left: 20px; position: relative; }
.searchlist .news li .uk-icon{ position: absolute; left: 0; top:9px; }
.searchlist .news li .tit a{ color:#000000; }
.searchlist .news li .tit a span{ color:var(--main-color)!important; }
.searchlist .news li .date{ margin-bottom: 5px; color:#c8c8c8; }
.searchlist .news li .date .desc{ color:#8b8b8b; }
.searchlist .news li:hover .tit a{ color:var(--main-color); }


/*分页*/
.pages{ margin: 30px 0 0;}
.pages .uk-pagination a,.pages .page-num{ display: block; padding:0; height: 40px; line-height: 40px; padding:0 8px; min-width:38px; text-align: center; border:1px solid #e8ecee;  background: #fff; margin-left:-1px; color:#748185; }
.pages .uk-pagination a:first-child{border-top-left-radius: 4px; border-bottom-left-radius: 4px; background: #fff;}
.pages .uk-pagination a:last-child{border-top-right-radius: 4px; border-bottom-right-radius: 4px; background-color: #fff;}
.pages .uk-pagination a span{ display: block; height: 100%; line-height: 40px; padding:0; }
.pages .uk-pagination a svg{ display: block;}
.pages .uk-pagination .page-num-current, .pages .uk-pagination a:hover{ color:#fff; background: var(--main-color); border-color:var(--main-color); }
.pages .uk-pagination a:hover span{ color:#fff;}
.pages .uk-pagination .uk-icon{ padding:9px 0; }
.pages .uk-pagination .current{ border-top:1px solid #e8ecee; border-bottom:1px solid #e8ecee; height: 40px; line-height: 38px; padding:0 15px; color:#748185; background:#fff; }
.pages .jump { margin-left:20px; }
.pages .jump select{ height: 38px; border:1px solid #e8ecee; color:#748185; line-height: 38px; border-radius: 4px; padding-left:10px; padding-right:10px; }
.pages .jump input{ width:50px; border:1px solid #e8ecee; height: 38px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; margin-left:5px; text-align: center; color:#748185; outline: none; }
.pages .jump button{ cursor: pointer; color:#748185; background:#ffffff; height: 38px; padding:0 10px; border:1px solid #e8ecee; border-left: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }









@media screen and (max-width: 1440px) {
    .uk-container{ padding-left:10px; padding-right:10px; }
}


@media screen and (max-width: 1200px) {

}