*{margin:0;padding:0}
ul,ol,li{list-style-type:none;margin:0;padding:0}
body{color:#3E3E3E}
:root{--theme-color:#61B430;--text-blue:#065CCE}
header{position:sticky;top:0;background-color:#F5F5F5;z-index:99999}
a{color:inherit}
a:hover{color:var(--theme-color)}
.navbar-nav .nav-item{font-weight:bold}
.navbar-nav .nav-item a.nav-link{padding:0 20px;height:40px;line-height:40px;border-radius:20px}
.navbar-nav .nav-item.active a:not(.dropdown-item){background-color:var(--theme-color)}
.navbar-light .navbar-nav .active > .nav-link{color:#fff}
.dropdown-item:hover{background-color:var(--theme-color);color:#fff}
.main-content{padding-bottom:26px}
.main-content .title{padding:45px 0 65px 0;font-size:42px;position:relative;color:#333}
.main-content .title::after{content:attr(data-sub-title);width:100%;position:absolute;top:100px;left:0;font-size:24px;color:#999}
.main-content .nav-pills .nav-link{border-radius:0;color:#A9A9A9}
.main-content .nav-pills .nav-link.active{color:#fff;background-color:var(--theme-color)}
.search-content{height:72px;display:flex;align-items:center;justify-content:center;background-color:#F5F5F5}
.search-content #button-addon2{color:#fff;background-color:var(--theme-color);border-color:var(--theme-color)}
.product-list{width:1200px;margin:40px auto 0;display:flex;justify-content:space-between;flex-wrap:wrap;row-gap:20px}
.product-list li a{width:300px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04)}
.product-list li img{width:220px;height:100px;object-fit:contain;margin-bottom:10px}
.product-list li span{color:#000;text-align:center;font-size:16px}
.product-item{width:224px;padding:10px;overflow:hidden}
.product-item.no-limit-height{height:unset}
.product-item.no-limit-height p{font-size:12px;color:#666;margin:0 .4rem}
.tip{font-size:14px;color:#5a5a5a;background-color:#FED698}
.btn-primary{background-color:var(--theme-color);border-color:var(--theme-color)}
footer{display:flex;flex-wrap:wrap;padding:25px 220px;justify-content:space-between;align-items:center;color:#787878;background-color:#1F1F1F}
footer p{margin:10px 0;color:#ffffff}
footer div:nth-child(4){width:100%}
#product-carousel{width:1200px;margin:0 auto;position:relative}
#product-carousel .swiper-wrapper .swiper-slide{display:flex;flex-direction:column;justify-content:center;align-items:center;width:20%}
#product-carousel .swiper-button-next{right:0;transform:translateX(calc(100% - 20px))}
#product-carousel .swiper-button-next::after{font-size:22px}
#product-carousel .swiper-button-prev{left:0;transform:translateX(calc(-100% + 20px))}
#product-carousel .swiper-button-prev::after{font-size:22px}
#product-carousel .swiper-wrapper .swiper-slide .img{width:260px;height:225px;overflow:hidden}
#product-carousel .swiper-wrapper .swiper-slide img{width:260px}
#product-carousel .swiper-wrapper .swiper-slide a > span{display:block;width:260px;font-size:18px;color:#333;padding:.5rem}
#product-carousel .swiper-wrapper .swiper-slide > p{width:260px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#999;padding:0 .5rem}
#product-carousel .swiper-button-next,#product-carousel .swiper-button-prev{top:30%}
.home-about-us{width:1200px;margin:0 auto;display:flex;justify-content:space-between;gap:20px}
.home-about-us .title{text-align:left}
.home-about-us > div{flex:1}
.home-about-us p{color:#333}
.home-advantage{background-color:#f1f1f1}
.home-advantage .advantage-list{width:1200px;margin:0 auto;display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap}
.home-advantage .advantage-list li{padding-left:86px;position:relative;width:calc(50% - 10px);box-sizing:border-box;color:#000}
.home-advantage .advantage-list li h5{font-size:24px;line-height:58px}
.home-advantage .advantage-list li p{font-size:16px}
.home-advantage .advantage-list li::before{content:'';width:41px;height:41px;display:block;background-color:#61B430;transform:rotate(45deg);position:absolute;top:10px;left:14px}
.home-advantage .advantage-list li::after{content:attr(data-index);display:inline-block;position:absolute;top:10px;left:14px;color:#fff;font-size:24px;width:41px;line-height:38px;text-align:center}
.home-news:not(.nav) li{padding-bottom:10px;border-bottom:1px solid #A6A6A6;margin-bottom:20px}
.home-news .date{width:78px;height:70px;margin-right:20px;display:flex;flex-flow:column;justify-content:space-evenly;text-align:center;background-color:#8F8B8B;color:#fff}
.home-news .date span{flex:1;display:flex;align-items:center;justify-content:center}
.home-news .date span:first-child{font-size:28px;line-height:28px}
.product.list-group .list-group-item img{width:320px;height:180px}
.product.list-group .list-group-item > div{flex:1;display:flex;flex-direction:column;padding-left:20px}
.product.list-group .list-group-item > div h5{line-height:50px;font-size:24px;color:#777;position:relative}
.product.list-group .list-group-item > div h5::after{content:'';display:block;width:50px;height:4px;background-color:var(--theme-color);left:0;bottom:0}
.product.list-group .list-group-item > div p{padding-top:10px;font-size:12px;color:#777;overflow:hidden;text-overflow:ellipsis}
.product.list-group .list-group-item > div span{color:#777;font-size:12px}
.product-detail{gap:40px}
.product-detail img{width:442px;height:352px}
.product-detail h5{font-size:18px;color:#000;margin-bottom:10px}
.product-detail p{font-size:16px;color:#5a5a5a;margin-bottom:10px}
.product-detail .btn-content{display:flex;gap:20px}
.product-detail .btn-content div{width:170px;height:50px;line-height:50px;text-align:center;font-size:18px;cursor:pointer}
.product-detail .btn-content div:first-child{background:#FFFFFF;border:2px solid var(--theme-color);color:#5a5a5a;box-sizing:border-box}
.product-detail .btn-content div:last-child{background:var(--theme-color);color:#fff}
.product-detail-content-header{height:50px;line-height:50px;background:#F1F1F1;position:relative}
.product-detail-content-header li{padding:0 1rem;margin-right:2rem}
.product-detail-content-header li.active{background:var(--theme-color)}
.product-detail-content-header li a{text-align:center}
.product-detail-content-header li.active a{color:#fff}
.product-detail-content-header::before{content:'';display:block;width:116px;height:5px;position:absolute;top:0;left:0}
.product-detail-content > *,.news-detail-content > *{padding:0;margin:0}
.information > div{height:64px;padding-left:100px;position:relative}
.information > div p{line-height:32px;margin-bottom:0}
.information > div::before{content:'';display:block;width:64px;height:64px;position:absolute;top:0;left:0;background-size:100%;transform:translateY(8px)}
.information > div:nth-child(1):before{background-image:url(../images/phone-filled.png)}
.information > div:nth-child(2):before{background-image:url(../images/email-filled.png)}
.information > div:nth-child(3):before{background-image:url(../images/location-filled.png)}
.w-1200{width:1200px}
.custom-tabs li a{color:var(--theme-color)}
.custom-tabs li a.nav-link.active{background-color:var(--theme-color);color:#fff}
.options{background-color:#F0F0F0}
.options span{color:var(--theme-color);cursor:pointer}
.options span:hover{color:var(--text-blue)}
.breadcrumb{background-color:#fff}
.page-content{display:flex;justify-content:space-between}
.page-item .page-link{color:var(--text-blue)}
.page-item.active .page-link{background-color:var(--theme-color);border-color:var(--theme-color)}
.right > .title{height:50px;background-color:#E3E3E3}
.right > .title::before{content:'';width:6px;height:30px;background-color:var(--theme-color);margin-right:0.75rem}
.right .article > .title{border-bottom:1px dashed #E3E3E3}
.right .tag-block{color:var(--text-blue);margin-bottom:50px;display:flex;flex-wrap:wrap}
.right .tag-block .tag{padding:2px 12px;background-color:var(--theme-color);color:#fff;border-radius:16px;margin-right:0.5rem;cursor:pointer}
.right .prev-next a:first-child::before{content:'<';font-weight:bolder}
.right .prev-next a:last-child::after{content:'>';font-weight:bolder}
.page-content .left .sub-title .sub-title-list{height:48px;line-height:48px;margin-left:-0.75rem;padding-left:0.75rem}
.page-content .left .sub-title .sub-title-list.active a{color:#fff}
.page-content .left .sub-title .sub-title-list span{margin-right:5px}
.page-content .left .sub-title .sub-title-list.active{background-image:linear-gradient(to right,#105FBB,#0E4483)}
.page-content .left .sub-title .sub-news-list{cursor:pointer}
.page-content .left .sub-title .sub-images-list{display:flex;flex-flow:column;align-items:center;cursor:pointer}
.page-content .left .sub-title .sub-contact p{margin-bottom:0}
.news-list li{border-bottom:1px dashed #D2D2D2}
.news-list li .news-list-content h5{font-size:18px;color:var(--theme-color)}
.news-list li .news-list-content p{margin-bottom:0}
.news-list li .btn{width:90px}
.suspension{z-index:10}
.suspension li{cursor:pointer}
.suspension li::before{content:'';display:flex;justify-content:center;align-items:center;width:70px;height:70px;margin-right:15px;background-size:40px;background-position:center;background-repeat:no-repeat;box-sizing:border-box}
.suspension li.msg::before{background-image:url(../images/msg.png)}
.suspension li.tel::before{background-image:url(../images/tel.png)}
.suspension li.qq::before{background-image:url(../images/qq.png)}
.suspension li.wx::before{background-image:url(../images/wx.png)}
.suspension li.back_top::before{background-image:url(../images/back_top.png);background-size:30px}
.tooltip-inner p{margin-bottom:0}
.tooltip-inner p::before{content:'';display:inline-block;background-size:100%;background-position:center;background-repeat:no-repeat;width:1em;height:1em;margin-right:4px}
.tooltip-inner p.msg::before{transform:translateY(4px);background-image:url(/public/images/msg.png)}
.tooltip-inner p.tel::before{transform:translateY(4px);background-image:url(/public/images/tel.png)}
.bs-tooltip-left .arrow::before,.bs-tooltip-auto[x-placement^="left"] .arrow::before{border-left-color:var(--theme-color) !important}
.bs-tooltip-right .arrow::before,.bs-tooltip-auto[x-placement^="right"] .arrow::before{border-right-color:var(--theme-color) !important}
.bs-tooltip-top .arrow::before,.bs-tooltip-auto[x-placement^="top"] .arrow::before{border-top-color:var(--theme-color) !important}
.bs-tooltip-bottom .arrow::before,.bs-tooltip-auto[x-placement^="bottom"] .arrow::before{border-bottom-color:var(--theme-color) !important}
#banner img{width:100%;height:100%}