body{font-family:"微软雅黑";font-size:16px;}
a{text-decoration: none;}
.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;}
.medias-list-container{width: 100%;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
.animate-box {opacity: 0;}

/*顶部菜单*/
.navbar-style2{padding: 0;position: fixed;left: 0;right:0;top: 0;z-index: 1000;}
.navbar-style2 .navbar-toggler{padding:0 8px;color:#ffffff;cursor:pointer;font-family:'FontAwesome';}
.navbar-style2 .navbar-toggler::before{content:"\f00d";font-size:20px;}
.navbar-style2 .navbar-toggler.collapsed::before{content:"\f0c9";font-size:18px;}
.navbar-style2 .navbar-brand{padding:0;margin:0;height: 50px;line-height: 50px;font-size: 0;}
.navbar-style2 .navbar-brand>img{height: 26px;}
.navbar-style2 .container{background-color: #40ab97;border-radius: 0px;}
.navbar-style2 .nav-item{position: relative;}
.navbar-style2 .nav-item:hover>.dropdown-menu{display: none;}
.navbar-style2 .navbar-collapse{justify-content: flex-end;}
.navbar-style2 .nav-item .nav-link{padding: 0;color: #ffffff;height: 50px;line-height: 50px;font-size: 14px;border-bottom: 1px solid #40ab97;text-align: center;}
.navbar-style2 .nav-item:hover .nav-link,.navbar-style2 .nav-item .nav-link.active{border-bottom: 1px solid #ffffff;}
.navbar-style2 .nav-item .dropdown-menu{background-color: #40ab97;width: 100%;min-width: auto;border: none;padding: 0;border-radius: unset;border-top: 1px solid #40ab97;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;box-shadow: rgb(0 0 0 / 10%) 0 2px 4px;}
.navbar-style2 .nav-item .dropdown-menu .dropdown-item{padding: 16px 0;text-align: center;font-size: 14px;color: #ffffff;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
.navbar-style2 .nav-item .dropdown-menu .dropdown-item:hover,.navbar-style2 .nav-item .dropdown-menu .dropdown-item.active{background-color: #ffffff;color: #40ab97;}

.navbar-hidden-top{height: 50px;display: block;}
/*顶部菜单*/

/*首页滚动*/
.home-banner{width: 100%;height: 100%;}
.home-banner .swiper-slide{text-align: center;font-size: 18px;background: #fff;display: flex;justify-content: center;align-items: center;}
.home-banner .swiper-slide img{display: block;width: 100%;height: 100%;object-fit: cover;}
.home-banner .swiper-pagination-bullet{width:40px;height:6px;border-radius: 4px;background-color: #ffffff;opacity:1;}
.home-banner .swiper-pagination-bullet-active{background-color: #40ab97;}
/*首页滚动*/

.tg-banner{width: 100%;}
.tg-banner img{display: block;width: 100%;height: 100%;object-fit: cover;}

/*首页容器*/
.home-item-box{padding: 15px 0 15px;}
.home-item-box.item1{}
.home-item-box.item2{background-color: #f5fefb;}
.home-item-box.item3{}
.home-item-box.item5{background-color: #40ab97;}
/*首页容器*/

/*首页公用标题*/
.h-menu{display: flex;align-items: center;height: 30px;margin-bottom: 15px;justify-content: space-between;}
.h-menu .title{font-size: 20px;font-weight: bold;color: #333333;}
.h-menu .title.center{flex:1;text-align:center;}
.h-menu .title.white{color: #ffffff;}
.h-menu .more{background: url('../img/more.png') no-repeat center center;background-size: 100% auto;display: inline-block;width: 22px;height: 22px;}
/*首页公用标题*/

.c-more{text-align:center;}
.c-more .more{display:inline-block;background:#40ab97;color:#ffffff;padding:0 60px;height:40px;line-height:40px;border-radius:20px;}
.c-more .more.white{background:#ffffff;color:#40ab97;}

/*二级菜单*/
.tabs-menu-box a{display: inline-block;margin-bottom: 15px;float: left;border:2px solid #333333;color:#333333;height: 40px;line-height:36px;border-radius: 20px;cursor:pointer;padding: 0 15px;font-size:14px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;margin-right: 8px;}
.tabs-menu-box a span{background: url('../img/menu-icon.png') no-repeat left center;padding-left: 22px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
.tabs-menu-box a.active,.tabs-menu-box a:hover{border:2px solid #40ab97;color: #40ab97;}
.tabs-menu-box a.active span,.tabs-menu-box a:hover span{background: url('../img/menu-iocn-active.png') no-repeat left center;}
.tabs-menu-box a:last-child{margin-right: 0;}

.tabs-menu-box2{text-align:center;}
.tabs-menu-box2 a{display: inline-block;margin-bottom: 15px;color:#333333;height: 40px;line-height:40px;border-radius: 20px;cursor:pointer;padding: 0 30px;font-size:14px;margin-right: 8px;background:#f1f1f1;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
.tabs-menu-box2 a.active,.tabs-menu-box2 a:hover{color: #ffffff;background:#40ab97;}
.tabs-menu-box2 a:last-child{margin-right: 0;}
/*二级菜单*/

/*公用基础图片列表*/
.medias-list-1{margin-bottom: 15px;display: block;border-radius:5px;transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;will-change:transform}
.medias-list-1:hover{box-shadow: rgb(0 0 0 / 10%) 0 4px 8px;}
.medias-list-1 .medias-images{display: block;overflow: hidden;border-radius: 12px;}
.medias-list-1 .medias-images img{width: 100%;-webkit-transition: 0.8s; -o-transition: 0.8s; transition: 0.8s;}
.medias-list-1:hover .medias-images img{-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);}
.medias-list-1 .medias-details{display: block;padding: 15px;}
.medias-list-1 .medias-details .title{color: #333333;margin-bottom: 10px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;font-weight: bold;}
.medias-list-1 .medias-details .title small{font-weight: normal;margin-left: 8px;}
.medias-list-1:hover .medias-details .title{color: #40ab97;}
.medias-list-1 .medias-details .desc{color: #333333;font-size: 14px;}

.medias-list-1.white .medias-details .title{color: #ffffff;}
.medias-list-1.white .medias-details .desc{color: #ffffff;}
/*公用基础图片列表*/

/*主营业务*/
.zyyw-box .medias-list-1 .medias-images{position: relative;}
.zyyw-box .medias-list-1 .medias-images .view{position: absolute;right: 22px;bottom: 22px;height: 50px;line-height: 50px;background-color: #40ab97;color: #ffffff;padding:0 40px;border-radius: 25px;opacity:0;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
.zyyw-box .medias-list-1:hover .medias-images .view{opacity:1;}
/*主营业务*/

/*经典案例*/
.jdal-box .medias-list-1 .medias-details .title{padding: 0;}
/*经典案例*/

/*关于福倍乐*/
.about-box{height: auto;background: url('../img/pic-8.png') no-repeat center center;padding-top: 15px;margin-bottom: 15px;}
.about-box .title{font-size: 20px;font-weight: bold;margin-bottom: 15px;}
.about-box .infos{width: 70%;margin-bottom: 15px;font-size: 14px;}
.about-box .more{color: #ffffff;background-color: #40ab97;height: 40px;line-height: 40px;display: inline-block;border-radius: 20px;padding: 0 40px;margin-bottom: 15px;}
.about-box .counts{width: 100%;}
.about-box .counts .item{width: 50%;float: left;margin-bottom: 15px;}
.about-box .counts .item .nums{font-size: 30px;font-weight: bold;height: 30px;line-height: 30px;position: relative;display: inline-block;}
.about-box .counts .item .nums .t{font-size: 16px;display: inline-block;height: 16px;line-height: 16px;position: absolute;top: 0px;right: -13px;}
.about-box .counts .item .nums .b{font-size: 16px;display: inline-block;height: 16px;line-height: 16px;position: absolute;bottom: 3px;right: -18px;}
.about-box .counts .item .txts{color: #666666;}
.about-box2 .counts{width: 100%;padding-top: 15px;}
.about-box2 .counts .item{width: 50%;float: left;margin-bottom: 15px;}
.about-box2 .counts .item .nums{font-size: 30px;font-weight: bold;height: 30px;line-height: 30px;position: relative;display: inline-block;}
.about-box2 .counts .item .nums .t{font-size: 16px;display: inline-block;height: 16px;line-height: 16px;position: absolute;top: 0px;right: -13px;}
.about-box2 .counts .item .nums .b{font-size: 16px;display: inline-block;height: 16px;line-height: 16px;position: absolute;bottom: 3px;right: -18px;}
.about-box2 .counts .item .txts{color: #666666;}

.about-lx{margin-bottom: 0px;}
.about-lx img{max-width: 100%;}
/*关于福倍乐*/

/* 面包屑导航 */
.breadcrumbs-box{border-bottom: 1px solid #ededed;}
.breadcrumbs-box .conts{display: flex;justify-content: space-between;align-items: center;}
.breadcrumbs span,.breadcrumbs a{display: inline-block;float: left;color: #666666;height: 50px;line-height: 50px;font-size: 14px;}
.breadcrumbs span{background: url('../img/breadcrumbs-bg.png') no-repeat left center;padding-left: 20px;background-size: 15px auto;}
.breadcrumbs-item+.breadcrumbs-item::before{content: ">";color: #999999;padding: 0 5px;}
.breadcrumbs-item:hover{color:#40ab97;}
/* 面包屑导航 */

/*内页二级菜单*/
.lists-menu a{display: block;float: left;color: #333333;margin-right: 12px;height: 50px;line-height: 50px;font-size: 14px;}
.lists-menu a:hover,.lists-menu a.active{border-bottom: 3px solid #40ab97;}
.lists-menu a:last-child{margin-right: 0;}
/*内页二级菜单*/

/*内页容器*/
.content-box{margin: 15px 0;}

.arc-content img{max-width: 100%;}
.arc-content p{margin-bottom: 0;}
.arc-content .content{padding-top: 15px;}
.arc-title{text-align: center;color: #40ab97;font-size: 18px;padding: 0 0 15px;}
.arc-tags{text-align: center;}
.arc-tags span{margin: 0 5px;font-size: 14px;}
/*内页容器*/

/*荣誉资质*/
.swiper-container{background: #545454;padding-top: 30px;}
.themes-title{color: #ffffff;margin-bottom: 15px;font-size: 20px;}
.themes-swiper{width: 100%;height: 100%;padding-bottom: 30px;}
.themes-swiper .swiper-slide{width: 180px;padding: 0;text-align: center;font-size: 16px;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;cursor: e-resize;}
.themes-swiper .swiper-slide a{color: #ffffff;}
.themes-swiper .swiper-slide a img{display: block;width: 100%;height: 100%;object-fit: cover;margin-bottom: 15px;}
.themes-swiper .swiper-pagination-bullet{background: #ffffff;}
/*荣誉资质*/

/*合作伙伴*/
.hzhb{padding: 30px 0 15px;}
.hzhb .title{color: #333333;margin-bottom: 15px;font-size: 20px;}
.hzhb-box .item{margin-bottom: 15px;}
.hzhb-box .item img{width: 100%;}
.hzhb-box .item:hover{box-shadow: rgb(0 0 0 / 10%) 0 4px 8px;}
/*合作伙伴*/

/*新闻资讯*/
.media-list{margin-bottom:15px;}
.media-list .media{display: flex;}
.media-list .media .times{background: #40ab97;color: #ffffff;font-weight: bold;border-radius: 5px;width: 160px;height: 160px;margin-right: 30px;padding: 28px 15px;display: none;}
.media-list .media .times .t1{font-size: 44px;}
.media-list .media .times .t2{font-size: 18px;}
.media-list .media .media-left{overflow: hidden;}
.media-list .media .media-left img{max-width: 150px;-webkit-transition: 0.8s; -o-transition: 0.8s; transition: 0.8s;}
.media-list .media-body{flex: 1;padding: 0 0 0 15px;}
.media-list .media-body .title{font-size: 16px;color: #000000;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 1;-webkit-box-orient: vertical;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
.media-list .media-body .infos{font-size: 14px;color: #666666;margin-top: 10px;}
.media-list .media-body .more{font-size: 14px;color: #666666;margin-top: 10px;display: none;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
.media-list .media:hover .media-left img{-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);}
.media-list .media:hover .title{color: #40ab97;}
.media-list .media:hover .more{color: #40ab97;}

.list-page{padding:15px 0;}
.list-page .page-item .page-link{color:#40ab97;}
.list-page .page-item.active .page-link{background:#40ab97;color:#ffffff;border-color:#40ab97;}

.prenext{padding-top: 15px;margin-top:15px;border-top:1px solid #ededed;}
.prenext a{color:#333333;}
.prenext a:hover{color:#40ab97;}
/*新闻资讯*/

/*底部*/
.footer{background:#181916;padding-top: 15px;}
.footer-box{display: block;justify-content: space-between;align-items: center;}
.footer-box .address{margin-bottom: 15px;}
.footer-box .address .maps{background: url('../img/maps.png') no-repeat left center;height: 32px;line-height: 32px;color: #ffffff;padding-left: 35px;font-weight: bold;margin-bottom: 20px;}
.footer-box .address .add,.footer-box .address .tel{color: #ffffff;margin-bottom: 10px;font-size: 14px;}
.footer-box .address .zx{display: inline-block;height: 50px;line-height: 46px;border: 2px solid #ffffff;padding: 0 40px;border-radius: 25px;color:#ffffff;}
.footer-box .address .zx span{background: url('../img/ermai.png') no-repeat left center;display: inline-block;height: 28px;line-height: 28px;padding-left: 38px;}
.footer-box .wechat{}
.footer-box .wechat .head{text-align: center;color: #ffffff;margin-bottom: 5px;}
.footer-box .wechat .code{max-width: 100%;text-align: center;}
.footer-box .wechat .code img{max-width: 140px;}
.footer-bottom{border-top: 1px solid #2e2c2d;padding: 15px 0;text-align: center;margin-top: 30px;}
.footer-bottom span,.footer-bottom a{color: #ffffff;margin: 0 8px;font-size: 14px;}
.footer-bottom a:hover{color: #40ab97;}

.tg-footer{background:#404040;padding:15px 0;}
.tg-footer .foot{text-align:center;}
.tg-footer span,.tg-footer a{color: #ffffff;margin: 0 8px;font-size: 14px;}
/*底部*/

.tab-contents{}
.tab-contents .tab-panes{display:none;}
.tab-contents .tab-panes.active{display:flex;}

@media (min-width:576px){
    .navbar-hidden-top{display: none;}
}
@media (min-width:992px){
    .navbar-style2{padding: 0;position: fixed;left: 0;right:0;top: 30px;z-index: 1000;}
    .navbar-style2 .navbar-brand>img{height: 48px;}
    .navbar-style2 .container{border-radius: 15px;}
    .navbar-style2 .nav-item:hover>.dropdown-menu{display: block;}
    .navbar-style2 .nav-item .nav-link{padding-left: 22px;padding-right: 22px;height: 100px;line-height: 100px;border-bottom: 4px solid #40ab97;}
    .navbar-style2 .nav-item:hover .nav-link,.navbar-style2 .nav-item .nav-link.active{border-bottom: 4px solid #ffffff;}
    
    .home-banner .swiper-pagination-bullet{width:80px;}
    
    .home-item-box{padding: 60px 0 30px;}
    
    .h-menu{height: 60px;margin-bottom: 30px;}
    .h-menu .title{font-size: 50px;}
    .h-menu .more{width: 35px;height: 35px;}
    
    .tabs-menu-box a{margin-bottom: 30px;height: 50px;line-height: 46px;border-radius: 25px;padding: 0 40px;font-size: 16px;margin-right: 12px;}
    
    .medias-list-1{margin-bottom: 30px;}
    
    .jdal-box .medias-list-1 .medias-details .title{padding: 12px 0;}
    
    .about-box{height: 720px;padding-top: 60px;margin-bottom: 60px;}
    .about-box .title{font-size: 50px;margin-bottom: 50px;}
    .about-box .infos{width: 48%;margin-bottom: 50px;font-size: 16px;}
    .about-box .more{height: 66px;line-height: 66px;border-radius: 33px;padding: 0 60px;margin-bottom: 50px;}
    .about-box .counts{width: 400px;}
    .about-box .counts .item{width: 200px;margin-bottom: 20px;}
    .about-box .counts .item .nums{font-size: 50px;height: 50px;line-height: 50px;}
    .about-box .counts .item .nums .t{font-size: 20px;top: 3px;right: -16px;}
    .about-box .counts .item .nums .b{font-size: 20px;bottom: 6px;right: -20px;}
    
    .about-box2 .counts{width: 100%;padding-top: 30px;}
    .about-box2 .counts .item{width: 25%;margin-bottom: 20px;}
    .about-box2 .counts .item .nums{font-size: 50px;height: 50px;line-height: 50px;}
    .about-box2 .counts .item .nums .t{font-size: 20px;top: 3px;right: -16px;}
    .about-box2 .counts .item .nums .b{font-size: 20px;bottom: 6px;right: -20px;}
    
    .about-lx{margin-bottom: 30px;}
    
    .breadcrumbs span,.breadcrumbs a{height: 90px;line-height: 90px;font-size: 16px;}
    .breadcrumbs span{background: url('../img/breadcrumbs-bg.png') no-repeat left center;padding-left: 35px;}
    
    .lists-menu a{margin-right: 12px;height: 90px;line-height: 90px;font-size: 16px;}
    
    .content-box{margin: 30px 0;}
    
    .media-list{margin-bottom:30px;}
    .media-list .media .times{display: block;}
    .media-list .media .media-left img{max-width: 350px;}
    .media-list .media-body{padding: 0 0 0 30px;}
    .media-list .media-body .title{font-size: 24px;}
    .media-list .media-body .infos{font-size: 16px;margin-top: 20px;}
    .media-list .media-body .more{font-size: 16px;margin-top: 20px;display: block;}
    
    .arc-content .content{padding-top: 30px;}
    .arc-title{font-size: 26px;padding: 15px 0;}
    
    .swiper-container{padding-top: 60px;}
    .themes-title{margin-bottom: 30px;font-size: 50px;}
    .themes-swiper{padding-bottom: 60px;}
    .themes-swiper .swiper-slide{width: 380px;font-size: 18px;}
    
    .hzhb{padding: 60px 0 45px;}
    .hzhb .title{margin-bottom: 30px;font-size: 50px;}
    
    .list-page{padding:30px 0;}
    
    .prenext{padding-top: 30px;margin-top:30px;}
    
    .footer{padding-top: 30px;}
    .footer-box{display: flex;}
    .footer-box .address{margin-bottom: 0px;}
    .footer-box .address .add,.footer-box .address .tel{font-size: 16px;}
    .footer-box .wechat .code{max-width: 140px;}
    .footer-bottom span,.footer-bottom a{font-size: 16px;}
    
    .tg-footer{padding:50px 0;}
    
    .c-more .more{padding:0 100px;height:60px;line-height:60px;border-radius:30px;}
}
@media (min-width:1200px){
    .navbar-style2 .nav-item .nav-link{padding-left: 30px;padding-right: 30px;height: 100px;line-height: 100px;font-size: 18px;}
    
    .media-list .media .media-left img{max-width: 450px;}
}
@media (min-width:1400px){
    .container{max-width: 1400px;}
    
    .media-list .media .media-left img{max-width: 600px;}
}