@charset "utf-8";
.moreb{background: #01848b;padding: 15px 50px;border-radius: 30px;color: #fff;display: inline-block;font-size: 16px;}
.nfb_adv01{background: url(../../images/img-11.png) no-repeat left 400px;padding: 0 0;}
.nfb_adv01_con{padding-top: 0;overflow: hidden;}
.nfb_adv01_con .pic{width: 100%;}
.nfb_adv01_con .pic img{width: 100%;}
.nfb_adv01_con .list{width: 100%;}
.nfb_adv01_con .list ul{width: 100%;}
.nfb_adv01_con .list ul li{font-size: 1.25rem; margin-bottom: 15px; font-weight: lighter;position: relative;line-height: 1.6;padding: 20px 10px;padding-left: 70px;}
.nfb_adv01_con .list ul li:before{content: '';background: #f5f5f5;width: 200%;height: 120px;position: absolute;left: -20px;top: 0;z-index: -1;border-radius: 10px 0 0 10px;}
.nfb_adv01_con .list ul li+li{margin-top: 0.5rem;}
.nfb_adv01_con .list ul li em{position: absolute;display: inline-block;font-style: normal;font-size: 60px;font-family: 'Times New Roman', Times, serif;left: 0;top: 20px;line-height: 1;font-weight: bold;}
.nfb_adv01_con .list ul li:nth-of-type(2){left: 0;color: #fff; margin-bottom: 30px;}
.nfb_adv01_con .list ul li:nth-of-type(2):before{background: #01848b;}
.nfb_adv01_con .list ul li:nth-of-type(2) em{color: #fff;}
/* nfb_choose */
.nfb_choose{background: url(../../images/choose.gif) center center;padding: 1rem 0 2rem;}
.nfb_choose ul{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 1rem;}
.nfb_choose ul li{width: 100%;box-sizing: border-box;padding: 0.5rem;background: #fff;border: 1px solid #e5e5e5;border-radius: 5px;text-align: center;transition: all 0.3s;position: relative;top: 0;cursor: pointer;margin-bottom: 1rem;}
.nfb_choose ul li em{font-size: 4rem;font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;color: #01848b;font-style: normal;display: inline-block;margin-top: 0.875rem;}
.nfb_choose ul li span{background: url(../../images/img-37.png) no-repeat center;width: 100%;height: 25px;display: block;margin: 10px auto; font-size:2rem;}
.nfb_choose ul li p{font-size: 1.2rem;line-height: 2;padding: 1rem 0;}
.nfb_choose ul li p b{color: #01848b;}
.nfb_choose ul li img{width: 100%;}

/* nfb_pro01 */
.nfb_pro01{padding: 1rem 0;}
.nfb_pro01_nav{display: flex;flex-wrap: wrap;justify-content: center;}
.nfb_pro01_nav li{width: 49%;border: 1px solid #efefef;margin-right: 2%;border-radius: 2rem;box-sizing: border-box;text-align: center;margin-bottom: 1rem;}
.nfb_pro01_nav li:nth-child(2n+0){margin-right: 0;}
.nfb_pro01_nav a{font-size: 1.4rem;line-height: 2.5;}
.nfb_pro01_nav li+li a{border-left-color:transparent ;}
.nfb_pro01_nav a:hover{background: #01848b;color: #fff;}
.nfb_pro01_list{padding-top: 1rem;}
.nfb_pro01_list ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.nfb_pro01_list ul li{border:1px solid #eeeeee ;width: 49%;padding: 10px;box-sizing: border-box;margin-bottom: 0.5rem;text-align: center;}
.nfb_pro01_list ul li .li_pic{overflow: hidden;}
.nfb_pro01_list ul li .li_pic img{width: 100%;}
.nfb_pro01_list ul li .li_t a{font-size: 15px;line-height: 3;display: block;text-overflow:ellipsis;overflow: hidden;white-space: nowrap;}
.nfb_pro01_list ul li:hover{border-color: #01848b;}

.nfb_pro02{padding: 30px 0;background: #f7f7f7;}
.nfb_pro02_list{padding-top: 1rem;}
.nfb_pro02_list ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.nfb_pro02_list ul li{border:1px solid #eeeeee ;width: 49%;padding: 10px;box-sizing: border-box;margin-bottom: 0.5rem;text-align: center;background: #fff;}
.nfb_pro02_list ul li .li_pic{overflow: hidden;}
.nfb_pro02_list ul li .li_pic img{width: 100%;}
.nfb_pro02_list ul li .li_t a{font-size: 1.3rem;line-height: 2;display: block;text-overflow:ellipsis;overflow: hidden;white-space: nowrap;}
.nfb_pro02_list ul li:hover{border-color: #01848b;}

.nfb_cases{padding: 1rem 0 ;position: relative;}
.nfb_cases::before{content: '';width: 1px;height: 300px;background: #efefef;position: absolute;left: 50%;margin-left: -500px;display: inline-block;top: 0;}
.nfb_cases::after{content: '';width:3px;height: 30px;background: #01848b;position: absolute;left: 50%;margin-left: -501px;display: inline-block;top: 0;}
.nfb_cases_list .hd{ width: 300px;background: #fff;padding-top: 30px;}
.nfb_cases_list .hd li{border: 1px solid #efefef;border-radius: 30px;line-height: 2.5;background: #fff;margin-bottom: 20px;padding-left: 40px;font-size: 15px ;}
.nfb_cases_list .hd li a{display: block;}
.nfb_cases_list .hd li:hover{border: 1px solid #01848b;background:url(../images/sd01.jpg) no-repeat 15px center;}
.nfb_cases_list .hd li:hover a{font-weight: bold;color: #01848b;}
.nfb_cases_list .hd .moreb{margin: 0 auto;}
.nfb_cases_list .bd {width: 800px;overflow: hidden;}

.nfb_partner{padding: 1rem 0;background: #f7f7f7;}
.nfb_partner .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
.nfb_partner .hd ul{ overflow:hidden; zoom:1; margin-top:10px; zoom:1; text-align: center;}
.nfb_partner .hd ul li{display: inline-block; width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background: #999;border-radius: 50%; }
.nfb_partner .hd ul li.on{ background-position:0 0; background: #01848b;}
.nfb_partner .bd{ padding:10px 0;width: 100%;overflow:hidden;}
.nfb_partner .bd ul{ overflow:hidden; zoom:1; }
.nfb_partner .bd ul li{ width: 285px;padding: 10px;box-sizing: border-box;margin-bottom: 20px;text-align: center;margin:0 15.5px;}
.nfb_partner .bd ul li .li_pic{overflow: hidden;border:1px solid #eeeeee;background: #fff;}
.nfb_partner .bd ul li .li_pic img{width: 100%;}
.nfb_partner .bd ul li .li_t a{font-size: 15px;line-height: 3;display: block;text-overflow:ellipsis;overflow: hidden;white-space: nowrap;}
.nfb_partner .bd ul li:hover .li_pic{border-color: #01848b;background: #fff;}

.nfb_about{padding: 1rem 0;}
.nfb_about .thumb{width: 100%;}
.nfb_about .thumb img{width: 100%;}
.nfb_about .des{width: 100%;padding-top: 1rem;}
.nfb_about .des h2{font-size: 2rem;font-weight: bold;margin-bottom: 1rem;color: #01848b;}
.nfb_about .des p{font-size: 1.3rem;line-height: 2.5;color: #666;}


.nfb_video{ width: 100%; height: 20rem; overflow: hidden; background: url(../../images/video.jpg) center no-repeat; text-align: center;}
.nfb_video h3{ font-size: 2.25rem; font-family: arial; font-weight: bold; text-transform: uppercase; color: #fff;}
.nfb_video h4{ font-size: 2.25rem; color: #fff; margin-top: 1rem; margin-bottom: 2.25rem;}
.nfb_video #bnt_show_video img{ width: 4rem;}
/*视频弹窗*/
.tc{ transition:all ease 300ms; position: fixed; width: 100%; height: 100%;  top: 0; left: 0; z-index:9999999999; pointer-events: none; visibility:hidden; opacity:0;  transition:.5s;}
.tc .j_tab{ table-layout: fixed;}
.tc[name=tc_search]{ opacity:1;}
.tc.act{ display: block;  pointer-events: auto; visibility:visible; opacity:1;}
.tc-box{ box-sizing:border-box; z-index:999; display: block; position:relative; transform: translateY(-2rem);transition: all 0.5s ease-out; opacity: 0; }
.tc.act .tc-box{ transform: translateY(0); opacity: 1;}
.tc_close{ position: absolute; cursor:pointer; color:#01848b; font-size:30px; right:15px; top: 15px;}
.tc_bg { height: 100%; background: rgba(0,0,0,.8); position: absolute; top: 0; left: 0; width: 100%; z-index: 0;}
.tc.act .tc_bg{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; transition:.5s; }
.tc_shipin{  width:44rem;  max-width: 90%; margin:0 auto;  background:none; position:relative;height: 80vh;}
.tc_shipin video{ width:100%; height:100%;}
.tc_shipin .tc_close{ display:block; width:1.5rem; height:1.5rem; position:absolute; top:-2rem; right:-1rem; border-radius:50%;}
.tc_shipin .tc_close img{ display:block; position:absolute; width:1rem; height:1rem; left:50%; top:50%; margin-top:-.5rem; margin-left:-.5rem; }
.tc_shipin .tc_close:hover img{transform:rotate(90deg); -webkit-transform:rotate(90deg);  -moz-transform:rotate(90deg);-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.video-js{ width: 100% !important; height: 100% !important;padding-top: 60% !important;}
.video-js .vjs-tech{position: absolute !important; top: 0; left: 0;}
.video-js .vjs-big-play-button{ left:50% !important; top:50% !important; margin-left:calc(-1.6rem - 5px); margin-top:calc(-1.6rem - 5px); background-color: rgba(0, 0, 0, 0) !important;}
video{ object-fit:fill;}
.vjs-poster{ background-size: cover !important;}


.nfb_news{padding: 0 0 1rem;}
.nfb_news .itembox{ margin: 0 0;width: 100%;}
.nfb_news .item{ width: 100%; float: left; padding: 0 0;box-sizing: border-box;}
.nfb_news .item .box{ display: block; background: #efefef;  position: relative;}
.nfb_news .item .img img{ transition: 1s;max-height: 18.5625rem;}
.nfb_news .item .box:hover .img img{ transform: scale(1.05) rotate(.1deg);}
.nfb_news .item .tag{ position: absolute; width: 7.1875rem; height: 2.5rem; line-height: 2.5rem; font-size: .9375rem; text-align: center; background: rgba(131,132,133,.85); color: #fff; z-index: 9;}
.nfb_news .item .txt{ padding: 2rem;}
.nfb_news .item .txt h5{ font-size: 1.4rem; color: #434343; font-family: PingFangSC-Medium; margin-bottom: .75rem; }
.nfb_news .time{ font-size: .875rem; color: #6d6d6d; display: block; margin-bottom: 1rem; padding-left: 20px; background: url(../../images/ico_date.png) left center no-repeat; background-size: 12px;}
.nfb_news .item .txt p{ font-size: .875rem; line-height: 1.625rem; height: 3.25rem; overflow: hidden;color: #6d6d6d;}
.nfb_news .item .txt .btn_xq{ font-size: .875rem; color: #6d6d6d; height: 2rem; line-height: 2rem; margin-top: 1.25rem;}
.nfb_news .item .txt .btn_xq svg{ width: 7px; height: 12px; display: inline-block; vertical-align: middle;}

.nfb_news .scrollbox{ padding: 1rem;   height: 100%; overflow: hidden;}
.nfb_news ul{ overflow: auto; }
.nfb_news ul li{}
.nfb_news ul li h5{ font-size: 1.25rem; color: #434343; line-height: 2; white-space: normal; margin-bottom: .5rem;}
.nfb_news .scrollbox li span{ margin-bottom: 1.875rem;}
.nfb_news ul::-webkit-scrollbar {width:3px;height: 8px;background-color: #F5F5F5;}
.nfb_news ul::-webkit-scrollbar-track {border-radius: 10px;background-color: #E2E2E2;}
.nfb_news ul::-webkit-scrollbar-thumb {border-radius: 10px; background-color: #01848b;-webkit-box-shadow:none;}
.nfb_pic{padding: 1rem 0;}
.nfb_pic ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.nfb_pic ul li{width: 100%;position: relative;margin-bottom: 1rem;}
.nfb_pic ul li .li_pic{overflow: hidden;border:1px solid #eeeeee;background: #fff;}
.nfb_pic ul li .li_pic img{width: 100%;}
.nfb_pic ul li .li_t a{font-size: 1.3rem;line-height: 2;display: block;text-overflow:ellipsis;overflow: hidden;white-space: nowrap;color: #fff;}
.nfb_pic ul li .li_t{position: absolute;bottom: 0;width: 100%;height: 3rem;background: #01848b;text-align: center;}
