body{font-family:"微软雅黑";font-size:16px;}
a{text-decoration: none;color: #0d6efd;}
input,textarea:focus{outline: none;}
.text-truncate1{display: -webkit-box;overflow: hidden;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.text-truncate2{display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.text-truncate3{display: -webkit-box;overflow: hidden;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.text-truncate4{display: -webkit-box;overflow: hidden;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.animate-box{opacity: 0;}

.items-box{padding: 12px 0 12px 0;border-bottom: 3px solid #191919;}
.items-box:has(.row-lists){padding-bottom: 0;}
.items-title{font-size: 18px;display: block;color: #333333;}
.items-desc{font-size: 14px;color: #666666;}
.items-title+.items-desc{margin-top: 5px;}
.items-title+.items-conts,.items-desc+.items-conts{margin-top: 12px;}
.row-lists>[class^="col-"],.row-lists>.item{margin-bottom: 12px;}

.items-box.bg{background-color: #fafafa;}

.navbar{padding: 0;background-color: #ffffff;box-shadow: 0 0px 8px 0 rgb(0, 0, 0, 0.1);}
.navbar-brand{padding: 0;font-size: 0;}
.navbar-brand .logo{height: 34px;}
.navbar-toggler{padding: 25px 25px;position: relative;display: inline-block;cursor: pointer;border: none;border-radius: 0;}
.navbar-toggler .navbar-toggler-icon,.navbar-toggler:before,.navbar-toggler:after{width: 12px;height: 2px;display: inline-block;position: absolute;top: 50%;left: 50%;background-color: #000000;transform: translate(-50%, 0);}
.navbar-toggler.collapsed:before{content: " ";transform: translate(-50%, -200%);}
.navbar-toggler.collapsed:after{content: " ";transform: translate(-50%, 200%);}
.navbar-toggler.collapsed .navbar-toggler-icon{display: inline-block;}
.navbar-toggler:before{content: " ";transform: translate(-50%, 0%) rotate(-45deg);transition: all .3s;}
.navbar-toggler:after{content: " ";transform: translate(-50%, 0%) rotate(45deg);transition: all .3s;}
.navbar-toggler .navbar-toggler-icon{display: none;}
.navbar-toggler:hover{background-color: #f1f1f1;}
.navbar-collapse{flex-grow: unset;}
.navbar-nav .nav-item .nav-link{font-size: 16px;padding: 13px;color: #000000;text-align: center;border-bottom: 2px solid transparent;}
.navbar-nav .nav-item .nav-link.active{color: #3056a6;font-weight: bold;border-color: #3056a6;}
.navbar-nav .nav-item .nav-link:hover{color: #3056a6;font-weight: bold;border-color: #3056a6;}
.navbar-gap{height: 50px;}

.swiper-home{height: 120px;}
.swiper-home .item{height: 100%;display: block;background-repeat: no-repeat;background-position: center center;background-size: cover;}
.jxals{margin-top: 12px;}
.swiper-jxal{height: 150px;}
.swiper-jxal .item{width: 100%;height: 100%;position: relative;background-repeat: no-repeat;background-position: center center;background-size: cover;}
.swiper-jxal .item .mask{display: flex;opacity: 0;transition: all .3s;background-color: #000000;align-items: center;justify-content: center;position: absolute;left: 0;top: 0;right: 0;bottom: 0;}
.swiper-jxal .item .mask:hover{opacity: 0.6;}
.swiper-jxal .item .mask .detail{display: inline-block;text-align: center;color: #ffffff;}
.swiper-jxal .item .mask .detail .title{font-size: 16px;font-weight: bold;}
.swiper-jxal .item .mask .detail .more{margin-top: 10px;padding: 6px 20px;display: inline-block;border: 1px solid #ffffff;border-radius: 4px;}

.dzmenu{padding: 12px 0;background-image: url('../image/dzmenu-bg.jpg');}
.dzmenu .item{padding: 12px 0;display: flex;align-items: center;}
.dzmenu .item .image{margin-right: 12px;}
.dzmenu .item .detail{color: #ffffff;}
.dzmenu .item .detail .title{font-size: 14px;font-weight: bold;}
.dzmenu .item .detail .desc{font-size: 12px;margin-top: 2px;color: #a2ccec;}

.swiper-menu .swiper-slide{padding: 2px 10px;font-size: 14px;border: 1px solid #cccccc;border-radius: 30px;width: auto;color: #333333;cursor:pointer;background-color: #ffffff;transition: all .3s;}
.swiper-menu .swiper-slide:hover,.swiper-menu .swiper-slide.swiper-slide-thumb-active{background-color: #3056a6;border-color: #3056a6;color: #ffffff;}
.products{margin-top: 12px;}
.products .swiper-slide{padding-top: 5px;}
.product{display: block;transition: all .3s;cursor: pointer;}
.product:hover{transform: translateY(-5px);}
.product .image .img{width: 100%;}
.product .detail{margin-top: 2px;}
.product .detail .title{font-size: 14px;text-align: center;color: #000000;}

.lyjs .detail .title{font-size: 20px;font-weight: bold;color: #333333;display: block;}
.lyjs .detail .desc{font-size: 14px;margin-top: 5px;position: relative;color: #666666;}
.lyjs .detail .desc p{margin-bottom: 0;}
.lyjs .detail .desc:before{content: '';}
.lyjs .detail .counts{margin-top:  10px;display: flex;}
.lyjs .detail .counts .item{flex: 1;}
.lyjs .detail .counts .item .count{font-size: 26px;font-family: 'Arial';position: relative;display: inline-block;color: #006fbb;}
.lyjs .detail .counts .item .count::after{font-size: 16px;font-family: "Font Awesome 6 Free";content: "\f055";font-weight: 900;position: absolute;top: 50%;right: -20px;transform: translateY(-50%);}
.lyjs .detail .counts .item .txt{font-size: 12px;margin-top: 2px;color: #666666;}
.lyjs .image{margin-top: 12px;}
.lyjs .image .img{width: 100%;}

.list-page{padding-top: 8px;margin: 0px;flex-wrap: wrap;gap: 6px;}
.list-page .page-item .page-link{border-radius: 4px !important;background-color: #e2e6e8;border-color: #e2e6e8;color: #333333;}
.list-page .page-item.active .page-link{background-color: #3056a6;border-color: #3056a6;color: #ffffff;}

.footer{padding: 15px 0;background-color: #191919;}
.footer .image{}
.footer .image .logo{}
.footer .image .title{font-size: 16px;margin-top: 15px;font-weight: bold;color: #ffffff;}
.footer .image .qrcode{width: 90px;margin-top: 15px;}
.footer .detail .title{font-size: 20px;font-weight: bold;color: #ffffff;}
.footer .detail .menu{margin-top: 15px;}
.footer .detail .menu a{display: block;}
.footer .detail .menu a.txt1{font-size: 16px;color: #ffffff;}
.footer .detail .menu a.txt1:hover{color: #3056a6;}
.footer .detail .menu a.txt2{font-size: 14px;margin-top: 10px;color: #666666;}
.footer .detail .menu a.txt2:hover{color: #ffffff;}
.footer .box{margin-top: 12px;display: flex;justify-content: center;flex-wrap: wrap;}
.footer .box .item{font-size: 12px;margin-right: 12px;color: #acb0b4;display: flex;align-items: center;}
.footer .box .item:last-child{margin-right: 0;}
.footer .box a.item:hover{color: #ffffff;}

.cmenu .box{margin-top: 30px;border-top: 1px solid #000000;border-bottom: 1px solid #000000;display: flex;}
.cmenu .box .item{flex: 1;padding: 13px 0;text-align: center;color: #333333;}
.cmenu .box .item:hover,.cmenu .box .item.active{color: #3056a6;font-weight: bold;}

.list-article{padding: 0px;flex-direction: column;border-radius: 4px;overflow: hidden;display: flex;background-color: #ffffff;box-shadow: 0 0 6px 0 rgb(0, 0, 0, 0.1);transition: all .3s;}
.list-article:hover{transform: translateY(-5px);}
.list-article .image{width: 100%;padding-right: 0px;overflow: hidden;display: block;}
.list-article .image .img{width: 100%;border-radius: 4px;}
.list-article .detail{padding: 12px;flex: 1;display: flex;flex-direction: column;}
.list-article .detail .body{flex: 1;}
.list-article .detail .body .title{font-size: 16px;color: #000000;font-weight: bold;}
.list-article .detail .body .desc{font-size: 14px;margin-top: 2px;color: #999999;}
.list-article .detail .foot{margin-top: 2px;display: flex;justify-content: space-between;}
.list-article .detail .foot .infos{display: flex;align-items: center;}
.list-article .detail .foot .infos .info{font-size: 12px;margin-right: 8px;color: #666666;}
.list-article .detail .foot .infos .info:last-child{margin-right: 0;}
.list-article .detail .more{margin-top: 5px;}
.list-article .detail .more a{padding: 4px 30px;font-size: 14px;border: 1px solid #006fbb;color: #006fbb;display: inline-block;}

.twjj-swiper2{height: 260px;background-color: #fafafa;}
.twjj-swiper2 .swiper-slide .boxs{display: flex;height: 100%;width: 100%;justify-content: space-between;align-items: center;position: relative;}
.twjj-swiper2 .swiper-slide .boxs img{max-width: 100%;max-height: 100%;margin: 0 auto;}
.twjj-swiper2 .swiper-slide .boxs .title{padding: 8px;font-size: 14px;color: #ffffff;background-color: rgba(0, 0, 0, 0.7);position:absolute;left:0;bottom: 0;right: 0;}
.twjj-swiper1{height: 50px;margin: 12px 0;}
.twjj-swiper1 .swiper-slide .boxs{display: flex;height: 100%;width: 100%;justify-content: space-between;align-items: center;}
.twjj-swiper1 .swiper-slide .boxs img{max-width: 100%;max-height: 100%;margin: 0 auto;}
.twjj-swiper1 .swiper-slide{border: 2px solid #eeeeee;}
.twjj-swiper1 .swiper-slide-thumb-active{border: 2px solid #2675de;}

.view-page{padding: 12px;margin-bottom: 12px;border-radius: 4px;box-shadow: 0 0px 8px 0 rgb(0, 0, 0, 0.1);}
.article .head{margin-bottom: 12px;padding-bottom: 12px;border-bottom: 1px solid #f1f1f1;}
.article .title{font-size: 18px;font-weight: bold;text-align: center;}
.article .attrs{margin-top: 10px;flex-direction: column;display: flex;justify-content: center;}
.article .infos{display: flex;align-items: center;}
.article .infos .info{font-size: 12px;margin-right: 8px;color: #666666;}
.article .infos .info:last-child{margin-right: 0;}
.article .detail{}
.article .detail p{margin-bottom: 12px;}
.article .detail p:last-child{margin-bottom: 0;}
.article .detail img{max-width: 100%;cursor:pointer;}

.prenext{margin-top:12px;padding-top:12px;font-size: 14px;border-top:1px solid #f1f1f1;display: flex;flex-direction: column;}
.prenext>div{margin-right: 0px;margin-bottom: 12px;line-height: 26px;padding: 5px 8px;flex: 1;background-color: #3056a6;}
.prenext>div:last-child{margin-right: 0px;margin-bottom: 0px;}
.prenext>div span,.prenext>div a{color: #ffffff;}
.prenext>div:hover{background-color: #333333;}

.lxwm{display: flex;}
.lxwm .item{padding: 10px 12px;flex: 1;border: 1px solid #e5e5e5;background: #fbfbfb;}
.lxwm .item:last-child{border-left: none;}
.lxwm .item .image span{font-size: 18px;font-weight: bold;color: #0082d2;}
.lxwm .item .detail .phone{font-size: 26px;margin-top: 5px;font-weight: bold;font-family: Arial;}
.lxwm .item .detail .txt1{font-size: 14px;margin-top: 2px;font-weight: bold;}
.lxwm .item .detail .txt2{font-size: 14px;margin-top: 2px;}

@media (min-width:576px){
    .swiper-home{height: 210px;}
    .swiper-jxal{height: 150px;}
}
@media (min-width:768px){
    .swiper-home{height: 280px;}
    .swiper-jxal{height: 220px;}
}
@media (min-width:992px){
    
    .lxwm .item{padding: 40px 60px;}
    .lxwm .item .image span{font-size: 20px;}
    .lxwm .item .detail .phone{font-size: 36px;margin-top: 10px;}
    .lxwm .item .detail .txt1{font-size: 16px;margin-top: 10px;}
    .lxwm .item .detail .txt2{font-size: 16px;margin-top: 5px;}
    
    .prenext{margin-top:16px;padding-top:16px;font-size: 16px;flex-direction: row;}
    .prenext>div{margin-right: 24px;margin-bottom: 0px;line-height: 36px;padding: 8px 8px;}
    .prenext>div:last-child{margin-right: 0px;margin-bottom: 0px;}
    
    .view-page{padding: 16px;margin-bottom:24px;}
    .article .head{margin-bottom: 16px;padding-bottom: 16px;}
    .article .title{font-size: 20px;}
    .article .attrs{margin-top: 12px;flex-direction: row;}
    .article .infos .info{font-size: 14px;margin-right: 12px;}
    .article .detail{}
    .article .detail p{margin-bottom: 16px;}
    
    .twjj-swiper2{height: 500px;}
    .twjj-swiper2 .swiper-slide .boxs .title{padding: 12px;font-size: 16px;}
    .twjj-swiper1{height: 100px;margin: 24px 0;}
    
    .list-article{padding: 16px;flex-direction: row;}
    .list-article .image{width: 336px;padding-right: 16px;}
    .list-article .detail{padding: 0px;}
    .list-article .detail .body .title{font-size: 18px;}
    .list-article .detail .body .desc{font-size: 16px;margin-top: 10px;}
    .list-article .detail .foot{margin-top: 5px;}
    .list-article .detail .foot .infos .info{font-size: 14px;margin-right: 12px;}
    .list-article .detail .more{margin-top: 30px;}
    .list-article .detail .more a{padding: 8px 40px;font-size: 16px;}
    
    .footer{padding: 30px 0;}
    .footer .box{margin-top:10px;}
    .footer .box .item{font-size: 14px;margin-right: 14px;}
    
    .list-page{padding-top: 16px;}
    
    .lyjs .detail .title{font-size: 36px;}
    .lyjs .detail .desc{font-size: 16px;margin-top: 30px;}
    .lyjs .detail .counts{margin-top: 100px;}
    .lyjs .detail .counts .item .count{font-size: 48px;}
    .lyjs .detail .counts .item .txt{font-size: 16px;margin-top: 10px;}
    .lyjs .image{margin-top: 0;}
    
    .swiper-menu .swiper-slide{padding: 8px 20px;font-size: 16px;}
    .products{margin-top: 30px;}
    .product{}
    .product .detail{margin-top: 20px;}
    .product .detail .title{font-size: 16px;}
    
    .dzmenu{padding: 60px 0;}
    .dzmenu .item{padding: 12px;}
    .dzmenu .item .image{margin-right: 30px;}
    .dzmenu .item .detail .title{font-size: 16px;}
    .dzmenu .item .detail .desc{font-size: 14px;margin-top: 10px;}
    
    .swiper-home{height: 340px;}
    .jxals{margin-top: 50px;}
    .swiper-jxal{height: 280px;}
    
    .navbar-brand .logo{height: 50px;}
    .navbar-nav .nav-item .nav-link{font-size: 16px;padding: 37px 25px;}
    .navbar-gap{height: 100px;}
    
    .col-lg-5-1{flex: 0 0 auto;width: 20%;}
    .items-box{padding: 60px 0 60px 0;}
    .items-box:has(.row-lists){padding-bottom: 36px;}
    .items-title{font-size: 36px;}
    .items-desc{font-size: 16px;}
    .items-title+.items-desc{margin-top: 10px;}
    .items-title+.items-conts,.items-desc+.items-conts{margin-top: 60px;}
    .row-lists>[class^="col-"],.row-lists>.item{margin-bottom: 24px;}
}
@media (min-width:1200px){
    .col-xl-5-1{flex: 0 0 auto;width: 20%;}
    
    .swiper-home{height: 400px;}
    .swiper-jxal{height: 340px;}
    
    .navbar-nav .nav-item .nav-link{padding: 37px 40px;}
}
@media (min-width:1400px){
    .col-xxl-5-1{flex: 0 0 auto;width: 20%;}
    
    .container{max-width: 1224px;}
    
    .swiper-home{height: 560px;}
    .swiper-jxal{height: 500px;}
}