html,body{-webkit-overflow-scrolling:touch; overflow-scrolling:touch; }
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,  
pre, form, fieldset,figure,figcaption, table, th, td img{margin:0; padding:0; } 
a, abbr, acronym, address, big, blockquote, body, caption, cite, code, dd, dl, dt, fieldset, form, h1,time, h2, h3, h4, h5, h6, html, img, ins, kbd, label, legend, li, ol, p, pre, q, s, samp, small, span, strike, strong, ul {margin:0; padding:0; border:0; outline:0; vertical-align:baseline; }
body{font-family:Arial, sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; font-variation-settings:"wdth" 100;font-size:16px; font-weight: 400; text-align:left; margin:0 auto; line-height: 1.6; background:#fff; color:#000; font-weight:normal; overflow-x:hidden; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block; }
h1,h2,h3,h4,h5,h6{font-size:100%;padding: 0; margin: 0;}
a{color:#000; text-decoration:none;cursor: pointer}
a:hover{text-decoration:none;}
a:link,a:active,a:visited,a:hover {background:none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent; }
img {max-width: 100%;height: auto;-ms-interpolation-mode: bicubic;border: 0;}
i,em{ font-style: normal;}
li{list-style:none;}
button,input,select,textarea{font-size:100%;}
transition{transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; }
*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-touch-callout:none; }
button{ -webkit-border-radius:0px;border-radius:0px; outline:none; }
input{border-radius:0; outline:none; }
input:-ms-clear{display:none; }/*消除 IE10 里面的那个叉号*/
input,textarea{border:0; }
textarea {resize :none; outline:none; }/*去掉提交框右下角箭头*/
img{border:0; vertical-align:middle; }/*让链接里的 img 无边框；清除图片间距*/
ul,li{list-style:none; } 
.clearfix {display: inline-table;display: block;zoom: 1}
.clearfix:after{ content: " "; display: block; height: 0px; visibility: hidden; clear:both;}
@media (min-width: 1230px){
    .container{max-width: 1200px; margin: 0 auto; padding: 0 15px;}
}
/*index*/
.navbar-nav .nav-link{padding-left:1.5rem!important; padding-right: 1.5rem!important;}
.navbar-nav .nav-link:last-child {margin-right: 0;}
.navbar-brand img {width: auto;height: 60px;}
.icon-btn {font-size: 1.2rem;margin-left: 1rem;cursor: pointer;}
.search-box {position: absolute;right: 40px;        /* 在搜索图标左侧 */top: 50%;transform: translateY(-50%);display: flex;align-items: center;background: #fff;padding: 6px;border-radius: 4px;
box-shadow: 0 4px 12px rgba(0,0,0,.15);z-index: 1000;width: 260px;}
.search-box input {width: 180px;}
.header-search .search-form {display: none;}
.header-search.active .search-form {display: flex;}
.header-search.active .search-toggle i::before {content: "\f00d";}
.common_nav ul li a{font-size: 16px; font-weight: normal; color: #000!important;}
.common_nav ul li a:hover{background: #ddd;}
/* 默认隐藏子菜单 */
.menu-item-has-children > .sub-menu {display: none;position: absolute;top: 100%;left: 0;z-index: 999;background: #fff; background: #eee; width: 200px; font-size: 14px;}
/* 父级需要定位基准 */
.menu-item-has-children {position: relative;}
/* 为有子菜单的项预留右侧空间 */
.navbar-nav .menu-item-has-children > a {padding-right: 1.5rem !important; /* 给箭头留位置 */position: relative;}
/* 使用伪元素画箭头（向下的 V 型） */
.navbar-nav .menu-item-has-children > a::after {content: "";position: absolute;right: 0.4rem; /* 距离右侧的距离 */top: 50%;     /* 垂直居中微调 */transform: translateY(-50%);
/* 画箭头的原理：只给右边和下边加边框，然后旋转 45 度 */width: 6px;height: 6px;border-right: 2px solid currentColor; /* 颜色随文字颜色变化 */border-bottom: 2px solid currentColor;transform: translateY(-70%) rotate(45deg);transition: all 0.3s ease; /* 增加旋转动画 */}
/* 2. 鼠标移入时，箭头反转向上 */
.navbar-nav .menu-item-has-children:hover > a::after {transform: translateY(-20%) rotate(-135deg);color: #007bff; /* 悬停时箭头的颜色，可根据你主题色修改 */}
.carousel-control-prev-icon,
.carousel-control-next-icon {width: 40px!important;height: 40px!important;background-color: rgba(0, 0, 0, 0.6);border-radius: 50%;background-size: 16px 16px;transition: all 0.3s ease-in-out;}
.carousel-control-prev:hover .carousel-control-prev-icon,
.carousel-control-next:hover .carousel-control-next-icon {background-color: rgba(0, 0, 0, 0.7);border-color: #fff;transform: scale(1.1);}
.carousel-control-prev, .carousel-control-next {width: 8%; }
.index_search h3{text-align: center; font-size: 30px; margin-top: 40px;}
.search-form {max-width: 100%; margin-top: 15px;}
.search-form .search-field {border-top-right-radius: 0;border-bottom-right-radius: 0; background: #f5f5f5;}
.search-form .search-submit {border-top-left-radius: 0;border-bottom-left-radius: 0;white-space: nowrap;}
.index_products{margin-top: 50px;}
.index_products .h3_title, .index_video .h3_title, .index_news .h3_title{display:flex; justify-content: space-between; align-items: center;}
.index_products .h3_title h3, .index_video .h3_title h3, .index_news .h3_title h3{font-size: 30px;}
.index_products .product-list{display: flex; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; margin-top: 30px;}
.index_products .product-list li{width: calc(25% - 20px); margin: 10px; background: #136cbf; border: 1px solid #ddd; box-shadow: 0 0 10px rgba(0,0,0,.1);}
.index_products .product-list li .title{display: block; background: #136cbf; color: #fff; padding: 5px; text-align: center;}
.index_products .product-list li img{width: 100%; aspect-ratio: 3 / 2;}
.index_video{margin-top: 50px;}
.index_video ul{margin-top: 20px; display: flex; flex-wrap: wrap; margin-left: -10px; margin-right: -10px;}
.index_video ul li{width: calc(33.333% - 20px); margin: 10px; text-align: center;}
.index_video ul li p{background: #eeeeee; text-align: center; padding: 10px 5px;}
lite-youtube{background-color:#000;position:relative;display:block;contain:content;background-position:center center;background-size:cover;cursor:pointer;max-width:720px}
lite-youtube::before{content:'';display:block;position:absolute;top:0;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==);background-position:top;background-repeat:repeat-x;height:60px;padding-bottom:50px;width:100%;transition:all 0.2s cubic-bezier(0,0,0.2,1)}
lite-youtube::after{content:"";display:block;padding-bottom:calc(100% / (16 / 9))}
lite-youtube > iframe{width:100%;height:100%;position:absolute;top:0;left:0;border:0}
lite-youtube > .lty-playbtn{display:block;width:100%;height:100%;background:no-repeat center/68px 48px;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 68 48"><path d="M66.52 7.74c-.78-2.93-2.49-5.41-5.42-6.19C55.79.13 34 0 34 0S12.21.13 6.9 1.55c-2.93.78-4.63 3.26-5.42 6.19C.06 13.05 0 24 0 24s.06 10.95 1.48 16.26c.78 2.93 2.49 5.41 5.42 6.19C12.21 47.87 34 48 34 48s21.79-.13 27.1-1.55c2.93-.78 4.64-3.26 5.42-6.19C67.94 34.95 68 24 68 24s-.06-10.95-1.48-16.26z" fill="red"/><path d="M45 24 27 14v20" fill="white"/></svg>');position:absolute;cursor:pointer;z-index:1;filter:grayscale(100%);transition:filter .1s cubic-bezier(0,0,0.2,1);border:0}
lite-youtube:hover > .lty-playbtn,lite-youtube .lty-playbtn:focus{filter:none}
lite-youtube.lyt-activated{cursor:unset}
lite-youtube.lyt-activated::before,lite-youtube.lyt-activated > .lty-playbtn{opacity:0;pointer-events:none}
.lyt-visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}
.index_about{background: url("../images/about_bg.webp") no-repeat top center; background-size: cover; margin-top: 40px; padding: 60px 0;}
.index_about h3{font-size: 36px; font-weight: bold;}
.index_about .text{margin-top: 20px; line-height: 1.8; color: #555;}
.index_about .text a{display: inline-block; border: 1px solid #828ba4; padding:10px 20px; color: #555; margin-top: 30px;}
.index_about .text a:hover{background: #26b0ff; color: #fff; border-color: #26b0ff;}
.index_about .images{display: flex; margin-top: 60px; position: relative; justify-content: space-between; flex-wrap: wrap;}
.index_about .images p{width: calc(33.33% - 10px); margin: 5px;}
.index_about .row-r{margin-top: 50px;}
.index_about .content{position: relative;}
.index_about .content:before{ content:"About us"; position: absolute; top: 40px; left: -100px; font-size: 20px; color:#007bff; font-weight: bold; transform:rotate(-90deg) ; text-transform: uppercase;}
.index_case{margin-top: 50px;position: relative; width: 100%; overflow: hidden;}
.index_case h3{text-align: center; font-size: 40px; font-weight: bold;}
.index_case .title p{text-align: center; margin-top: 10px; color: #555;}
.index_case .swiper-container {width: 100%;height: 100%;}
.index_case .swiper-slide {text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;transition: 300ms;transform: scale(0.8);}
.index_case .swiper-slide-active,.index_case .swiper-slide-duplicate-active{transform: scale(1);}
.index_case .flex{display: flex; text-align: left; align-items: center; justify-content: space-between; margin-top: 50px;}
.index_case .flex .images{width: 50%;}
.index_case .text{width: 47%;}
.index_case .text a{display: block; font-size: 26px; font-weight: bold;}
.index_case .text .excerpt{font-size: 16px; color: #555; font-weight: normal; margin-top: 20px;}
.index_icon{margin-top: 100px; text-align: center;}
.index_icon .bimg img{width: 100%;}
.index_icon ul{display: flex; justify-content: space-between; margin-top: -70px;}
.index_icon ul li{width:25%; text-align: center;}
.index_icon ul li .img{ width: 100px; height: 100px; border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,.1); display: flex; align-items: center; justify-content: center; margin: 0 auto;}
.index_icon ul li img{max-width:60%}
.index_icon ul li p{font-weight: bold; margin-top: 20px;}
.index_icon ul li span{color: #555; margin-top: 5px; display: block;}
.index_news{margin-top: 100px;}
.index_news .row{margin-top: 30px;}
.index_news .row img{max-width: 100%;transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s;}
.index_news .row .title a{display: block; line-height: 1.7; font-size: 20px; margin-top: 15px;}
.index_news .row p.desc{color: #777; margin-top: 15px; border-bottom: 1px solid #ddd; padding-bottom: 15px;}
.index_news .row .col-md-4:hover img{ transform:scale(1.1) ; -webkit-transform:scale(1.1) ; -moz-transform:scale(1.1) ; -ms-transform:scale(1.1) ; -o-transform:scale(1.1) ; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s;}
.index_news .row p.date{color: #777; margin-top: 15px;}
.index_contact{display: flex; flex-wrap: wrap; margin-top: 60px;}
.index_contact .l{width: 50%; background: url("../images/lianxi.webp") no-repeat center center; text-align: center; color: #26b0ff; padding: 40px 0;}
.index_contact .l i{display: block; font-size: 60px;}
.index_contact .l p.tt{font-size: 34px;}
.index_contact .l span{display: block; font-size: 46px; font-weight: bold;}
.index_contact .l p.info{font-size: 22px; margin-top: 15px;}
.index_contact .r{width: 50%;}
.common_footer{margin-top: 80px;}
.common_footer h3{font-size: 24px;}
.common_footer .l .bt_logo{border-bottom: 1px solid #000; padding-bottom: 20px;}
.common_footer .l .bt_logo img{width: 30%;}
.common_footer .l h3{margin-top: 40px;}
.common_footer .l .share a{display: inline-block; font-size: 20px; margin-right: 10px; padding: 10px; margin-top: 20px;}
.common_footer .l .share a:first-child{margin-left: -10px;}
.common_footer .m ul{margin-top: 10px;}
.common_footer .m ul li{margin: 5px 0;}
.common_footer .m ul li a{color: #555; display: block;}
.common_footer .r p{color: #555; line-height: 1.8; margin: 5px 0;}
.common_footer .r p a{color: #555;}
.common_footer .r h3{margin-bottom: 15px;}
.common_footer .copyright{border-top: 1px solid #000; padding-top: 20px; color: #777; margin-top: 20px; margin-bottom: 10px;}#gotop{position: fixed; right: 10px; bottom: 10%; z-index: 99999;}
#gotop p{background: #ddd; cursor: pointer;}
#gotop p svg{ width: 30px; height: 30px; fill:#000; border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; }
.ly-modal {display: none;position: fixed;inset: 0;z-index: 9999;}
.ly-modal-mask {position: absolute;inset: 0;background: rgba(0, 0, 0, 0.6);}
.ly-modal-box {position: relative;max-width: 600px;width: 90%;margin: 10vh auto;background: #fff;padding: 30px;border-radius: 6px;}
.ly-modal-close {position: absolute;top: 10px;right: 15px;font-size: 26px;background: none;border: none;cursor: pointer;}
.ly-modal h3{text-align: center; font-size: 28px; margin-bottom: 20px; font-weight: bold;}
.ly-modal p.tips{color: #555;}
.ly-modal form input{width: 100%; padding: 10px; margin-top: 15px; border: 1px solid #ddd;}
.ly-modal form label{width: 100%; margin-top: 20px;}
.ly-modal form textarea{width: 100%; height: 100px; margin-top: 10px; border: 1px solid #ddd; padding: 10px;}
.ly-modal form .wpcf7-submit{background: #007bff; color: #fff;}
#sidebar_right{position: fixed;right: 0; top: 40%;}
#sidebar_right .list{position: relative;margin-top: 3px;}
#sidebar_right .list p{ background: #008cd6; border-radius:5px; ; -webkit-border-radius:5px ; -moz-border-radius:5px ; -ms-border-radius:5px ; -o-border-radius:5px ;}
#sidebar_right .list p svg{width: 45px; height: 45px; padding: 10px;}
#sidebar_right .detail{display: none;position: absolute; left: -195px; top: 0px; width: 200px;}
#sidebar_right .detail a{background: #008cd6; padding: 10px 20px; color: #fff; display: block;}
#sidebar_right .list4 .detail{left: -200px;}
#gotop{position: fixed; right: 10px; bottom: 10%; z-index: 99999;}
#gotop p i{background: #555; width: 40px; height: 40px; text-align: center; cursor: pointer; padding: 6px;}
#gotop p i svg{width: 25px; height: 25px;}
/*pro*/
.category_products{margin-top: 30px;}
.category_products .left h3{ background: #136cbf; border-radius:10px ; -webkit-border-radius:10px ; -moz-border-radius:10px ; -ms-border-radius:10px ; -o-border-radius:10px ; color: #fff; text-align: center; font-size: 20px; font-weight: bold; padding: 12px 10px; margin-top: 20px; border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
.category_products .left ul{background: #f5f5f5; padding: 20px 0;border:1px solid #ccc; }
.category_products .left ul li{display: flex; padding: 0 10px; align-items: center;}
.category_products .left ul li i{display: block;width: 6%;}
.category_products .left ul li a{display: block; padding: 8px 0; width: 80%;}
.category_products .left ul li span{width: 4%; margin-right: 3%;}
.category_products .left ul li:hover{background: #136cbf;}
.category_products .left ul li:hover a, .category_products .left ul li:hover i, .category_products .left ul li:hover span{color: #fff;}
.category_products .left .contact_info{background: #f5f5f5; padding: 20px 10px;border:1px solid #ccc; }
.category_products .left .contact_info p{padding: 5px 0;}
.category_products .left .contact_info p i{font-size: 18px; margin-right: 10px;}
.category_products .right .top_tt h1{text-align: center; font-size: 28px; font-weight: bold; margin-bottom: 10px;}
.category_products .right .top_tt p{text-align: center;}
.category_products .right .top_tt p i{color: #ff0000; font-weight: bold;}
.category_products .right .ly_click{margin-top: 20px; display: flex; justify-content: center;}
.category_products .right .ly_click .click{background: #007bff; color: #fff; padding: 10px 30px; border-radius: 5px; cursor: pointer;}
.category_products .right .ly_click i{margin-right: 10px;}
.category_products .right .row{margin-top: 20px;}
.category_products .right article{margin-top: 20px;}
.category_products .right .content{border: 1px solid #ccc; padding: 10px 5px; position: relative;}
.category_products .right .content a.more{display: none; font-size:13px;}
.category_products .right .content a.title{display: block; text-align: center; margin-top: 20px; line-height: 1.8; min-height:58px;}
.category_products .right .content .click{ display: flex; border-radius:5px ; -webkit-border-radius:5px ; -moz-border-radius:5px ; -ms-border-radius:5px ; -o-border-radius:5px ; margin-top: 30px;}
.category_products .right .content .click a{display: block; padding: 5px 0; }
.category_products .right .content .click a:first-child{background: #eee; width: 85%; padding-left: 20px;}
.category_products .right .content .click a:first-child svg{margin-right: 20px;}
.category_products .right .content .click .add-to-cart{background: #136cbf; width: 15%; text-align: center; border:none;}
.category_products .right .content .click svg{width: 23px; height: 23px;}
.category_products .right .content .click img{width: 23px; height: 23px;}
.category_products .right .content .click .add-to-cart svg{fill:#fff}
.category_products .right article:hover .content a.more{display: block; position: absolute;left:0; right: 0; width: 90%; margin: 0 auto; top: 45%; border: 1px solid #ddd; text-align: center; padding: 10px 0; background: #136cbf; color: #fff;}
.category_products .right article p.size{font-size: 14px; text-align: center; margin-top: 5px; color: #555;}
.category_products .right article .ly_click{margin-top: 0;}
.gwc{position: fixed; right: 10px; bottom: 20%;}
.gwc #click_button i{ background: #7a8599; display: block; border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; padding: 10px; width: 50px; height: 50px; position: absolute; right: 0; cursor: pointer;}
.gwc #click_button img{width: 30px; height: 30px;}
.gwc_content{display: none;}
.gwc .gwc_content{background: #fff; border: 1px solid #333; min-width: 250px; padding-bottom: 10px; margin-bottom: 20px;}
.gwc_content .top_bar{background: #7a8599; text-align: center; padding: 5px 10px; color: #fff; font-size: 15px;}
.gwc_content .top_bar svg{width: 25px; height: 25px; cursor: pointer;}
.gwc_content .top_bar i{float:right; margin-right:10px;}
.gwc_content #cart{padding: 10px;}
.gwc_content .cart_content{font-size: 14px; line-height: 1.7; }
.gwc_content .click_button{display: flex; justify-content: space-between; width: 100%; padding: 0 10px;}
.gwc_content .click_button button{padding: 3px 5px; font-size: 14px; width: 40%;}
.gwc_content .cart_content img{width: 50px;}
.gwc_content .delete-btn{margin-left: 5px; float:right;}
.gwc #cart-count{position: absolute; z-index: 99999; color: #c00; right: 3px; font-weight: bold; top: -15px; bottom: 0;}
/*filter*/
.product-filter{ box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:10px ; -webkit-border-radius:10px ; -moz-border-radius:10px ; -ms-border-radius:10px ; -o-border-radius:10px ; display: flex;justify-content: space-between; padding: 30px 20px; margin-top: 30px;}
.product-filter .filter-item{width: 25%; padding: 0 10px; text-align: center;}
.product-filter .filter-item .input{display: flex; margin: 10px 0;}
.product-filter .filter-item .input input{width: 50%;}
.product-filter .filter-item .input input:last-child{margin-left: -5px;}
.product-filter label{display: block;}
.product-filter .filter-actions button{width: 100%; background: #258292; color: #fff;border: 1px solid #000; margin: 7px 0;}
.product-filter .filter-actions #reset_btn{background: #dc3545;}
.pro_top{background: #f6f6f6; text-align: center; border-top: 1px solid #ddd; padding: 40px 0;}
.pro_top h1{font-size: 28px; font-weight: bold; color: #333;}
.pro_top .position{font-size: 14px; margin-top: 15px;}
.pro_top .position a{ color: #333;}
.pro_top .position i{margin-right: 10px;}
.pro_swiper{-moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        -khtml-user-select: none;
        user-select: none;
}
.single_product .scrolllimg .mySwiper{margin-top: 10px; background: #fff;}
.single_product .scrolllimg .mySwiper img{cursor: pointer;}
.single_product .scrolllimg .mySwiper .swiper-slide img{border: 1px solid #f3f3f3;}
.single_product .scrolllimg .mySwiper .swiper-wrapper{justify-content:center}
.single_product .swiper-button-next:after, .pro_page .swiper-rtl .swiper-button-prev:after, .pro_page .swiper-button-prev:after, .pro_page .swiper-rtl .swiper-button-next:after{color: #008cd6; font-size: 60px;}
.single_product .swiper-slide-thumb-active{border: 1px solid #008cd6;}
.single_product .scrolimg_info h2{font-size: 20px; line-height: 1.5; padding-bottom: 10px;}
.single_product .scrolimg_info .list{display: flex; align-items: center; margin-top: 20px; border-bottom: 1px solid #ddd; padding-bottom: 10px;}
.single_product .scrolimg_info .list p{font-weight: bold; color: #555; width: 30%;}
.single_product .scrolimg_info .list span{display: block; font-size: 14px; color: #555;}
.single_product .scrolimg_info .list span a{color: #555;}
.single_product .scrolimg_info .inquire{ background: #007bff; color: #fff; border-radius:20px ; -webkit-border-radius:20px ; -moz-border-radius:20px ; -ms-border-radius:20px ; -o-border-radius:20px ; padding: 10px 0; display: flex; align-items: center; cursor: pointer; font-size: 18px; margin-top: 50px; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.single_product .scrolimg_info .inquire i, .single_product .scrolimg_info .add button i{margin-left: 10px;}
.single_product .scrolimg_info .add{background: #258292; border-radius:20px ; -webkit-border-radius:20px ; -moz-border-radius:20px ; -ms-border-radius:20px ; -o-border-radius:20px ; padding: 10px 0; display: flex; align-items: center; cursor: pointer; font-size: 18px; justify-content: center; margin-top: 15px; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.single_product .scrolimg_info .add button{background: none; border: none; color: #fff;}
.single_product .scrolimg_info .inquire:hover, .single_product .scrolimg_info .add:hover{background: #4daa4b;}
.pro_content{border: 1px solid #ccc; margin-top: 30px;}
.pro_content .tips{background: #efefef;}
.pro_content .tips h3{background: #fff; display: inline-block; border-top: 3px solid #666; padding: 10px 20px; color: #333;}
.pro_content .pro_details_text{padding: 20px; color: #333; line-height: 1.9;}
.pro_content .pro_details_text h3{font-size: 24px; font-weight: bold; padding: 10px 0;}
.next_prev{margin-top: 20px;}
.next_prev .prev, .next_prev .next{margin: 15px 0;}
.next_prev .prev a, .next_prev .next a{ background: #f5f5f5; padding: 8px 15px; border-radius:5px ; -webkit-border-radius:5px ; -moz-border-radius:5px ; -ms-border-radius:5px ; -o-border-radius:5px ; font-size: 15px;}
.news_listpages{ margin-top: 50px;}
.news_listpages .line{height: 10px; background: url("../images/w.png") repeat; margin: 30px 0;}
.news_listpages .flex{display: flex; justify-content: space-between; align-items: center;}
.news_listpages .flex .left{width: 30%;}
.news_listpages .flex .left img{width: 100%;}
.news_listpages .flex .right{width: 66%;}
.news_listpages .flex h3{font-size: 22px; font-weight: bold; line-height: 1.5;}
.news_listpages .flex p{color: #555; margin-top: 10px;}
.news_listpages .flex p a{color: #f08200;}
.single_news .content{margin-top: 30px; line-height: 1.8; color: #333;}
.pro_top .date{color: #555; margin-top: 10px; font-size: 14px;}
.single_news .content h2{font-size: 22px; font-weight: bold; padding: 10px 0;}
.single_news .content h3{font-size: 20px; font-weight: bold; padding: 10px 0;}
.case_listpages{margin-top: 30px;}
.case_listpages .case_list{display: flex; flex-wrap: wrap;}
.case_listpages .case_list .list{width: calc(33.333% - 20px); margin: 10px;}
.case_listpages .case_list .list .text{ background: #f5f5f5; padding: 20px 30px; transition:.5s ; -webkit-transition:.5s ; -moz-transition:.5s ; -ms-transition:.5s ; -o-transition:.5s ; }
.case_listpages .case_list .list h3{font-size: 18px; padding-top: 5px;}
.case_listpages .case_list .list p{color: #333; margin-top: 10px; font-size: 15px;}
.case_listpages .case_list .list:hover .text{background: #136cbf;}
.case_listpages .case_list .list:hover h3 a, .case_listpages .case_list .list:hover h3, .case_listpages .case_list .list:hover p{color: #fff;}
.video_listpages .list h3{text-align: center;}
.video_listpages .case_list .list{width: calc(50% - 20px); margin: 10px;}
.common_share{display: flex; margin-top: 20px; align-items: center;}
.share_icon{display: flex;}
.share_icon button{margin: 0 5px; border: 1px solid #000;}
.share_icon button:hover{background: #258292;}
.share_icon button:hover i{color: #fff;}
.single_contact p.tips{text-align: center; margin-top: 30px; line-height: 1.8;}
.single_contact .content{margin-top: 40px;}
.single_contact iframe{width: 100%; height: 490px;}
.single_contact form input{width: 100%; padding: 5px 10px; margin-top: 15px; border: 1px solid #ddd;}
.single_contact form label{width: 100%; margin-top: 20px;}
.single_contact form textarea{width: 100%; height: 80px; margin-top: 10px; border: 1px solid #ddd; padding: 10px;}
.single_contact form .wpcf7-submit{background: #007bff; color: #fff;}
.contact_info{display: flex; flex-wrap: wrap; margin-top: 40px;}
.contact_info .list{width:33.33%; box-shadow: 0 0 10px rgba(0,0,0,0.1); text-align: center; padding: 30px 20px;}
.contact_info .list i{display: block; color: #007bff; font-size: 40px;}
.contact_info .list span{display: block; font-size: 20px; margin-top: 15px; font-weight: bold;}
.contact_info .list p{font-size: 15px; margin-top: 10px;}
.search-results-section .search-item{border: 1px solid #ddd; text-align: center; padding-bottom: 20px;}
.search-results-section .page-title span{color: #ff0000; font-weight: bold;}
.search-results-section h4{margin-top: 10px;color: #333; font-style: italic; font-size: 14px;}
.search-results-section h4 a{color: #333;}
.single_about{margin-top: 50px;}
.single_about h1, .single_about h2{font-size: 32px; font-weight: bold; margin-bottom: 20px;}
.single_about img{ border-radius:20px ; -webkit-border-radius:20px ; -moz-border-radius:20px ; -ms-border-radius:20px ; -o-border-radius:20px ; }
.single_about .content{line-height: 1.8; color: #333;}
.single_about .content p{margin: 5px 0;}
.single_about h2{text-align: center; margin-top: 40px;}


.choose{margin-top: 40px;display: flex; flex-wrap: wrap; justify-content: space-between;}
.choose li{width: 49%; background: rgba(0,140,214,0.06); box-shadow: 1px 2px 3px 0 rgb(0 140 214 / 24%); border-radius:10px ; -webkit-border-radius:10px ; -moz-border-radius:10px ; -ms-border-radius:10px ; -o-border-radius:10px ;  padding: 15px; color: #333; margin-top: 20px;}
.choose li svg{ width: 15px; height: 15px; margin-right: 10px;}
.showcart_page h1{text-align: center; font-size: 32px; font-weight: bold; margin-top: 30px;}
.showcart_page #cartList{margin-top: 20px;}
.showcart_page #cartList li{border: 1px solid #ddd; padding: 10px; margin: 10px 0;}
.showcart_page #cartList li img{width: 200px;}
.showcart_page #cartList li button{margin-left: 30px;}
.shoucart_message h3{font-size: 24px; font-weight: bold; margin-top: 20px;}
.shoucart_message form input{width: 100%; padding: 5px 10px; margin-top: 15px; border: 1px solid #ddd;}
.shoucart_message form label{width: 100%; margin-top: 20px;}
.shoucart_message form textarea{width: 100%; height: 80px; margin-top: 10px; border: 1px solid #ddd; padding: 10px;}
.shoucart_message form .wpcf7-submit{background: #007bff; color: #fff;}

#product-pagination{display: flex; justify-content: center; margin-top: 30px;}
#product-pagination ul{display: flex; align-items: center;}
#product-pagination ul li a{display: block; padding:4px 15px; border: 1px solid #ddd; margin: 0 5px; text-align: center;}
#product-pagination ul li span{background: #136cbf; color: #fff; display: block; padding: 4px 15px;}
#product-pagination ul li span.dots{background: none;}
#product-list-pagination{display: flex; justify-content: center; margin-top: 30px;}
#product-list-pagination a{display: block; padding:4px 15px; border: 1px solid #ddd; margin: 0 5px; text-align: center;}
#product-list-pagination span.current{background: #136cbf; color: #fff; display: block; padding: 4px 15px;}

.category_products .left ul li.active a {
    color: #ff0000; /* 替换为你需要的高亮颜色 */
    font-weight: bold;
}

/* 示例：给 active 状态的图标也变色 */
.category_products .left ul li.active i {
    color: #ff0000;
}
.pro_content .pro_details_text .content{border: none; padding: 0;}
.pro_content .pro_details_text table td{border: 1px solid #ddd; padding: 10px; font-size: 15px;}

@media (max-width: 1440px){
}
@media (max-width: 1366px){
}
@media (max-width: 1024px){
}
/* 移动端 */
@media (max-width: 991px) {
    .navbar-nav .menu-item-has-children > .sub-menu {
        display: none;
        transition: all 0.3s ease;
        overflow: hidden;
        max-height: 0;
    }

    .navbar-nav .menu-item-has-children.active > .sub-menu {
        display: block;
        max-height: 500px; /* 根据菜单高度调整 */
    }
}

@media (max-width: 768px){
    .index_products .product-list li{width: calc(50% - 20px); margin: 10px;}
    .index_products .product-list li img{width: 100%;}
    .index_about{background: #f9f9f9;}
    .index_about .content{margin-left: 10%;}
    .index_about .content2{ flex: 0 0 100%; max-width: 100%; width: 100%;}
    .index_contact .l{padding: 29px 0;}
    .index_contact .l i{font-size: 34px;}
    .index_contact .l p.tt{font-size: 20px;}
    .index_contact .l span{font-size: 26px;}
    .index_contact .l p.info{font-size: 16px; margin-top: 5px;}
    .category_products .left{display: none;}
    #sidebar_right{z-index: 999;}
    
}
@media (max-width: 430px){
    body,html{overflow-x:hidden;}
    .navbar{padding: 0 1rem!important;}
    .navbar-brand img{height: 48px;}
    .topset-search i{font-size: 22px;}
    .index_search h3{font-size: 22px; margin-top: 20px;}
    .index_products .h3_title h3, .index_video .h3_title h3, .index_news .h3_title h3{font-size: 18px;}
    .index_products .h3_title a, .index_video .h3_title a, .index_news .h3_title a{font-size: 14px;}
    .index_products .product-list li .title, .index_video ul li p{font-size: 14px;}
    .index_products, .index_video{margin-top: 30px;}
    .index_about .content:before{left: -70px; font-size: 17px; top: 30px;}
    .index_about .content{margin-left: 12%; width: 80%; max-width: 88%;}
    .index_about h3, .index_case h3{font-size: 22px;}
    .index_about .text{font-size: 16px;}
    .index_about{margin-top: 20px; padding: 20px 0;}
    .index_about .text a{padding: 5px 10px; font-size: 14px;}
    .index_about .images{margin-top: 30px;}
    .index_case{margin-top: 30px;}
    .index_case .title p{font-size: 14px;}
    .index_case .flex{display: block; margin-top: 20px;}
    .index_case .flex .images, .index_case .text{width: 100%;}
    .index_case .text{padding: 15px;}
    .index_case .text a p{font-size: 20px;}
    .index_case .text .excerpt{font-size: 14px; margin-top: 10px;}
    .index_icon, .index_news, .index_contact, .common_footer{margin-top: 30px;}
    .index_icon ul li .img{width: 70px; height: 70px;}
    .index_icon ul{margin-top: -35px;}
    .index_icon ul li p{font-size: 15px;}
    .index_icon ul li span{font-size: 14px;}
    .index_news .row .title a{font-size: 18px;}
    .index_news .row p.desc{font-size: 15px; margin-top: 10px;}
    .index_news .row p.date{margin-top: 10px; margin-bottom: 15px;}
    .index_contact .l{width: 100%;}
    .index_contact .r{width: 100%;}
    .common_footer .l .bt_logo img{width: 20%;}
    .common_footer .l h3{font-size: 20px; margin-top: 20px;}
    .common_footer .m{display: none;}
    .common_footer .r{margin-top: 20px;}
    .category_products .right .top_tt h1{font-size: 22px;}
    .category_products .right .top_tt p{font-size: 14px;}
    .product-filter{padding: 10px; margin-top: 20px;}
    .product-filter .filter-item{width: 100%; padding: 0 5px;}
    .product-filter label{font-size: 14px;}
    .product-filter .filter-item span{font-size: 14px;}
    .product-filter .filter-actions button{font-size: 14px;}
    .category_products .right article{padding: 0 5px;}
    .category_products .right .content a.title{font-size: 15px; margin-top: 10px;}
    .category_products .right article p.size{font-size: 12px;}
    .pro_top{padding: 20px 0;}
    .pro_top h1{font-size: 22px;}
    .category_products{margin-top: 0;}
    .single_product .scrolimg_info{margin-top: 20px;}
    .single_product .scrolimg_info h2{font-size: 18px;}
    .single_product .scrolimg_info .list{margin-top: 10px;}
    .single_product .scrolimg_info .inquire{margin-top: 30px;}
    .pro_content .pro_details_text{font-size: 15px;}
    .pro_content .pro_details_text h3{font-size: 20px;}
    .next_prev .prev a, .next_prev .next a{font-size: 14px;}
    .news_listpages{ margin-top: 30px;}
    .news_listpages .flex{flex-wrap: wrap;}
    .news_listpages .flex .left{width: 100%;}
    .news_listpages .flex .right{width: 100%;}
    .news_listpages .flex h3{font-size: 20px; margin-top: 10px;}
    .single_news .content h2{font-size: 18px; line-height: 1.6;}
    .single_news .content h3{font-size: 16px; line-height: 1.8;}
    .case_listpages .case_list .list{width:100%}
    #gotop{bottom: 7%;}
    .single_contact p.tips{font-size: 14px; margin-top: 10px;}
    .single_contact .content{margin-top: 0px;}
    .single_contact form label{font-size: 14px;}
    .single_contact iframe{height: 200px;}
    .contact_info .list{width: 100%;}
    .contact_info{margin-top: 20px;}
    .choose li{width: 100%;}
    .showcart_page h1{font-size: 20px;}
    .showcart_page #cartList li img{width: 100%;}
    .showcart_page #cartList li button{margin-left: 0; width: 100%; margin-top: 10px;}
    
}
@media (max-width: 375px){
    .search-box{justify-content: right;}
    .index_products .product-list{margin-top: 15px;}
    .index_video ul li{width: 100%;}
    .pro_top h1{font-size: 20px;}
    .pro_content .pro_details_text{padding: 10px;}
    .news_listpages .flex h3{font-size: 18px;}
    .news_listpages .flex p{font-size: 14px;}
}
@media (max-width: 320px){
}