body{ font-family:"思源黑体 CN",Arial, Helvetica, sans-serif;font-size: 14px;font-weight: 300;line-height: 1.78;font-weight:normal;color: #333;background: #fff;}
p{margin:0;font-weight:normal;}
.media p{text-align:left}
h1, h2, h3, h4, h5, h6, figure{color: #444;font-weight: 400;}
::-webkit-selection{color: #fff;background: #323232;}
::-moz-selection{color: #fff;background: #323232;}
::selection{color: #fff;background: #323232;}
a{color:#333;text-decoration:none; transition:none}
a:focus,a:hover{color:#d4241c;transition:none}
ul,li{ padding:0; margin:0; list-style:none}
.layout{ overflow:hidden}
#znbo-header .layout,.layout.mid-nav{overflow:visible;width: 100%;}
.container-layout{width:95%; margin:0 auto;max-width:1640px;}
.pic-img-boxs img,.inner-header img{ max-width:100%}
.clear{ clear:both}

.zoomimgs{display:block; width:100%;height:0; overflow:hidden; background-position: center center; background-repeat: no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover;}
.piczoomimgs{ padding-bottom: 64%;background-position: center top;}
.mobanzoomimgs{ padding-bottom:106%;background-position: center top;}
.artzoomimgs{ padding-bottom: 54%;}
.teamzoomimgs{ padding-bottom: 100%;}
.teamzoomimgsw{ padding-bottom: 196.38%;}
.photozoomimgs {padding-bottom: 66%;}

.line-large{margin-left:-18px;margin-right:-18px}
.line-large .x1,.line-large .x2,.line-large .x3,.line-large .x4,.line-large .x5,.line-large .x6,.line-large .x7,.line-large .x8,.line-large .x9,.line-large .x10,.line-large .x11,.line-large .x12,.line-large .xl1,.line-large .xl2,.line-large .xl3,.line-large .xl4,.line-large .xl5,.line-large .xl6,.line-large .xl7,.line-large .xl8,.line-large .xl9,.line-large .xl10,.line-large .xl11,.line-large .xl12,.line-large .xs1,.line-large .xs2,.line-large .xs3,.line-large .xs4,.line-large .xs5,.line-large .xs6,.line-large .xs7,.line-large .xs8,.line-large .xs9,.line-large .xs10,.line-large .xs11,.line-large .xs12,.line-large .xm1,.line-large .xm2,.line-large .xm3,.line-large .xm4,.line-large .xm5,.line-large .xm6,.line-large .xm7,.line-large .xm8,.line-large .xm9,.line-large .xm10,.line-large .xm11,.line-large .xm12,.line-large .xb1,.line-large .xb2,.line-large .xb3,.line-large .xb4,.line-large .xb5,.line-large .xb6,.line-large .xb7,.line-large .xb8,.line-large .xb9,.line-large .xb10,.line-large .xb11,.line-large .xb12{position:relative;min-height:1px;padding-right:18px;padding-left:18px}

.fh5co-heading{ padding:100px 0 65px;position:relative;z-index:1}
.fh5co-heading h2{display:inline-block; font-size:48px; font-weight:bold;color:#333; line-height:1;  position:relative;z-index:1; } 
.fh5co-heading h2:before{ content:''; height:3px; width:80px; position:absolute;  bottom:4px;right:-92px; background:#d4241c;}
.fh5co-heading p{ font-size:18px; color:#666; margin-top:14px; }
.more{position:absolute;top:150px;right:0px;display:block; height:46px; line-height:46px; width:125px; }
.more a{display:block;  color:#d4241c;font-size:18px;text-align:right}
.more a:hover{  color:#d4241c }
.more-news{position:absolute;top:140px;right:0px;display:block; height:50px; line-height:50px; width:325px;  text-align:right}
.more-news a{display:inline-block;text-align:center;  color:#333;font-size:18px; border:2px solid #fff;border-radius:25px; width:138px;}
.more-news a:hover,.more-news a.current{  color:#d4241c;background:#fff;border:2px solid #d4241c; }
.more-news a.first{margin-right:10px;}

/*顶部导航 begin*/
#znbo-header{ position:relative;z-index:5}
#znbo-header .top-head.fixed.fixed-top{box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);width: 100%;z-index: 3; background:#fff}
#znbo-header .logo{padding:17px 0px 12px;}
#znbo-header .logo h1{ line-height:1}
#znbo-header .top-nav li{ display:inline-block; }
#znbo-header .top-nav li a{ display:inline-block;color:#333;font-size: 18px; position:relative; z-index:1; position:relative;line-height:100px;margin:0 24px;}
#znbo-header .top-nav li a:hover,#znbo-header .top-nav li.current a,#znbo-header .top-nav li:hover a{color: #d6251e; }
#znbo-header .top-nav li a:after,#znbo-header .top-nav li.current a:after{ background:#d4241c; height:2px; left: 50%;right: 50%;opacity: 0;position:absolute; content:""; bottom:0px;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
#znbo-header .top-nav li.current a.first-level:after{opacity: 1; display:block;left: 1%;right: 1%;}
#znbo-header .top-nav li a:hover:after{left: 1%;right: 1%;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
#znbo-header .right-info{ margin:26px 0 0 75px;position:relative;z-index:1; font-size:30px; color:#d4241c;padding-left:43px;}
#znbo-header .right-info .hot-tel{content:'';position:absolute;top:11px;left:0px;height:30px; width:30px; background:#d4241c; color:#fff; font-size:18px; text-align:center; border-radius:50%;line-height:28px;}
/*顶部导航 end*/

/*mobile header begin */
.nav-toggle{position: relative;}
#znbo-offcanvas{ display:none;position:fixed;z-index:10;background:rgba(255,255, 255, 0.95);width:100%;height:calc(100% - 70px);top:62px;font-size:14px;line-height:40px;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
#znbo-offcanvas ul{ float:none !important}
#znbo-offcanvas ul li i{position:absolute;top:0px;right:0px;height:30px; width:30px;padding:0px 7px 0 7px; font-size:18px; transition: transform 0.5s; cursor:pointer}
#znbo-offcanvas ul li i.on {transform: rotate(90deg); transition: transform 0.5s; right:-3px; top:10px;font-size:19px}
#znbo-offcanvas ul li{border-top:1px #e9e9e9 solid;margin-left:20px;position:relative;font-size:14px}
#znbo-offcanvas ul li:first-child{ border-top:none}
#znbo-offcanvas ul li a{color:#333;text-transform:none;line-height:32px;}

.nav-toggle{cursor: pointer;text-decoration: none; }
.nav-toggle.active i::before, .nav-toggle.active i::after{background: #000;}
.nav-toggle:hover, .nav-toggle:focus, .nav-toggle:active{outline: none;border-bottom: none !important;}
.nav-toggle i{position: relative;display: -moz-inline-stack;display: inline-block;zoom: 1;*display: inline;width: 28px;height: 4px;color: #000;font: bold 14px/.4 Helvetica;text-transform: uppercase;text-indent: -55px;background: #000;transition: all .2s ease-out;}
.nav-toggle i::before, .nav-toggle i::after{content: '';width: 28px;height: 4px;background: #000;position: absolute;left: 0;-webkit-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;}
.nav-toggle i::before{top: -9px;}
.nav-toggle i::after{bottom: -9px;}
.nav-toggle:hover i::before{top: -10px;}
.nav-toggle:hover i::after{bottom: -10px;}
.nav-toggle.active i{background: transparent;}
.nav-toggle.active i::before{top: 0;-webkit-transform: rotateZ(45deg);-moz-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);-o-transform: rotateZ(45deg);transform: rotateZ(45deg);}
.nav-toggle.active i::after{bottom: 0;-webkit-transform: rotateZ(-45deg);-moz-transform: rotateZ(-45deg);-ms-transform: rotateZ(-45deg);-o-transform: rotateZ(-45deg);transform: rotateZ(-45deg);}
.nav-toggle{position: absolute;top:17px; right: 10px;z-index: 29;display: block;display: none;cursor: pointer;}
/*mobile header end */

/* 底部 begin*/
footer{color:#fff;font-size:16px; background:#282828; }
footer a{ color:#fff}
footer a:hover,footer a:focus{color:#fff}
footer .footer-topp{border-bottom:1px solid #3e3e3e;padding:45px 0;}
footer .l-title{margin-bottom:13px;font-size:18px;}
footer .link-nav a{display:inline-block; margin:3px 11px 0 0; color:#ccc}
footer .link-nav a:hover{text-decoration:underline}
footer .footer-bot{padding:50px 0 17px;}
footer .footer-bot .item{background:#393939;padding:20px 22px 25px;height:148px; text-align:center;border-radius:5px;}
footer .footer-bot .item span{display:block; font-size:29px; color:#d4241c}
footer .footer-bot .item p{line-height:1.8}
footer .foot-nav a{ position:relative; margin:0 5px;}
footer .foot-nav a:before{ content:''; position:absolute; height:14px; width:1px; right:-8px; top:6px; background:#fff}
footer .foot-nav a:last-child:before{ display:none}
footer .foot-nav a:first-child{margin-left:0}
/* 底部 end*/
.slideshow img{ width:100%}

.accordionBox {width: 100%; height: 600px; position: relative;overflow: hidden; white-space:nowrap}
.accordionBox ul {height:100%; overflow: hidden;width:100%; white-space:nowrap }
.accordionBox ul li {  width: 6%; height: 100%;position: relative;overflow: hidden;float: left;z-index:1 }
.accordionBox ul li .img-boxs{width:100%;height: 100%;position: relative;border-radius:30px;}
.accordionBox ul li .img-boxs span{ font-size:40px; color:#fff; text-align:center; display:inline-block; padding:32px 0 0 25%;}
.accordionBox ul li.on .img-boxs span{ padding:32px 0 0 2%;}
.accordionBox ul li .img-boxs.img1{ background:#d4241c}
.accordionBox ul li .img-boxs.img2{ background:#fa9801}
.accordionBox ul li .img-boxs.img3{ background:#37a434}
.accordionBox ul li .img-boxs.img4{ background:#009eff}
.accordionBox ul li .img-boxs span{ }
.accordionBox ul li.first { width: 82%;}
.accordionBox ul li .overlay{position:absolute; left:0;width:calc(100% - 7.5%);height:100%;left:7.5%; right:0; top:0;z-index:3;border-radius:26px;display:none;background:#f7f8fb;}
.accordionBox ul li .overlay h3{ display:block;color:#333;font-size:48px; font-weight:bold;}
.accordionBox ul li .overlay .inner{position: relative;color:#333;padding:43px 44px 0 ;font-size:18px;line-height:1.8;}
.accordionBox ul li .overlay .inner .cons{word-break: break-all; overflow:hidden; white-space: normal; }
.accordionBox ul li .overlay .inner p{line-height:1.8}
.accordionBox ul li .overlay .price{font-size:24px;padding:0px 0 15px;line-height:1}
.accordionBox ul li .overlay .price span{color:#d4241c;font-size:54px;font-weight:bold;}
.accordionBox ul li .overlay .cat-more{margin-top:12px;}
.accordionBox ul li .overlay .cat-more a{display:inline-block; padding:5px 45px;color:#d4241c; border:2px solid #d4241c;border-radius:25px;font-size:18px;margin-top:20px;}
.accordionBox ul li .overlay .rimg{box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.2); padding:10px 8px; margin:111px 0 0;background:#fff;border-radius:10px;}
.accordionBox ul li .overlay .cat-more a:hover{background:#d4241c; color:#fff}
.accordionBox ul li.on .img-boxs span{background:none}
.accordionBox ul li.on .overlay{ display:block}
.accordionBox ul li:hover{cursor:pointer}

/*关于我们*/
#fh5co-about-us{background:#f7f8fb;padding-bottom:90px;margin-top:100px;}
.team-l{float:left;width:23.6%;}
.team-m{float:left;width:calc(18.93% - 10px);margin-left:10px;}
.team-r{float:left;width:calc(19.6% - 10px);margin-left:10px;}
.team-l .tt{ background-repeat:no-repeat;background-position:center bottom; background-size:cover; color:#fff;font-size:18px;padding:29.5% 20px 21%;}
.team-l .tt .pone span{ font-size:100px;}
.team-l .tt .pone{margin-bottom:17px;}
.team-l .tt,.team-m .img_item a,.team-m .img_item_img{height:270px;overflow:hidden}
.team-r .img_item_img{height:550px;overflow:hidden}
.img_item_img img{width:100%;height:100%;}
.img_item a{display:block;position:relative;z-index:1}
.img_item_img{overflow:hidden;}
.img_item_img span{}
.img_item_box{position:absolute;left:0;bottom:0;width:100%;height:44px;background:rgba(0,0,0,0.6);color:#fff;padding:0 12px;overflow:hidden; webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
.img_item_table{display:table;width:100%;height:100%;}
.img_item_cell{display:table-cell;width:100%;vertical-align:middle;}
.img_item_title{float:left;width:100%;height:44px;line-height:44px;font-size:18px;text-align:center; overflow:hidden}
.img_item_des{float:left;width:100%;font-size:12px;line-height:2;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.img_item:hover .teamzoomimgs{transition: transform 1s ease 0s;transform: scale(1.3);}
.img_item:hover .img_item_box{height:100%;}

.hot-product-box .item .p-inner{overflow:hidden;}
.hot-product-box .item:hover .p-inner{box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.2);}
.hot-product-box .item a h3{font-size:18px; color:#333; margin-top:15px;overflow:hidden; text-overflow:ellipsis;white-space: nowrap;}
.hot-product-box .item a:hover h3{color:#d4241c}
.hot-product-box .item .zoomimgs{transition: transform 1s ease 0s;transform: scale(1);}
.hot-product-box .item:hover .zoomimgs{transition: transform 1s ease 0s;transform: scale(1.1);}

.hot-moban-box{background:#f7f8fb;margin-top:52px;padding-bottom:70px;}
.hot-moban-box .show-list{position:relative; margin:0 -18px }
.hot-moban-box .show-list .owl-carousel-carousel{}
.hot-moban-box .show-list .item{margin:0 18px;}
.hot-moban-box .show-list .item .p-inner{ position:relative;border:1px solid #e4e4e4;box-shadow:0px 1px 1px 0px rgba(0, 0, 0, 0.1);border-radius:10px;padding:10px;}
.hot-moban-box .show-list .item:hover .p-inner{box-shadow:0px 1px 2px 0px rgba(0, 0, 0, 0.3);}
.hot-moban-box .show-list .item .inner{overflow:hidden;}
.hot-moban-box .show-list .item .p-inner .mobanzoomimgs{transition: transform 1s ease 0s;transform: scale(1);}
.hot-moban-box .show-list .item:hover .p-inner .mobanzoomimgs{transition: transform 1s ease 0s;transform: scale(1.1);}
.hot-moban-box .show-list .item a{ display:block;}
.hot-moban-box .show-list .item h3{ font-size:18px; white-space:nowrap; margin:16px 0;color:#333;}
.hot-moban-box .show-list .item:hover  h3 { color:#d4241c}
.hot-moban-box .show-list .owl-controls .owl-buttons div{position:absolute;top:40%; margin-top:0px; width:40px; height:40px; line-height:58px; font-size:0px; padding:0; margin:0; background:#e2e2e2; opacity:1; text-align:left;border-radius:50% ;color:#b5b5b5}
.hot-moban-box .show-list .owl-controls .owl-buttons div:hover{ background:#d4241c;color:#fff}
.hot-moban-box .show-list .owl-controls .owl-buttons div:before{display:inline-block;font-family:"FontAwesome";font-weight:normal;font-style:normal;vertical-align:baseline;line-height:40px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; font-size:38px;}
.hot-moban-box .show-list .owl-controls .owl-prev{ left:-70px; text-indent:6px; }
.hot-moban-box .show-list .owl-controls .owl-prev:before{content:"\f104"; }
.hot-moban-box .show-list .owl-controls .owl-next{ right:-70px; text-indent:7px; }
.hot-moban-box .show-list .owl-controls .owl-next:before{content:"\f105"}

.list-news-box {margin-bottom:80px;}
.news-l{margin-right:10px;}
.news-m{margin:0 19px 0 0px;position:relative;z-index:1}
.news-m:before{content:'';position:absolute;right:-35px; top:0px; width:1px; height:100%;background:#f2f2f2}
.news-r{margin-left:19px;}
.list-news-box .tab-con{display:none}
.list-news-box .tab-con.current{display:block}
.list-news-box li{position:relative;z-index:1;line-height:1.66}
.list-news-box li a{width:calc(100% - 96px);overflow:hidden; text-overflow:ellipsis;white-space: nowrap; display:inline-block;font-size:18px; }
.list-news-box li span.time{ position:absolute;right:0; top:3px; width:90px;font-size:16px; color:#666}
.news-l .item h3{font-size:18px; color:#d4241c;overflow:hidden; text-overflow:ellipsis;white-space: nowrap;margin:20px 0 3px}
.news-l .item .desc{font-size:16px; color:#666; height:56px; line-height:28px;overflow:hidden; }
.news-l .owl-theme .owl-controls{text-align:left}
.news-l .owl-theme .owl-controls .owl-page span{background:#d0d0d0;margin: 5px 7px 0 0;}
.news-l .owl-theme .owl-controls .owl-page.active span{background:#d4241c}
.news-l .content{position:relative;z-index:1;width:calc(100% - 98px);}
.news-l .content:before{content:'';position:absolute;right:-18px; top:0px; width:1px; height:100%;background:#f2f2f2}
.news-l .content .mores{position:absolute;right:-90px; top:15px; width:42px;height:42px;line-height:42px;font-size:22px; color:#fff;background:#d4241c;border-radius:50%; text-align:center}

#toolbar{ display:none;}

@media (min-width:1570px) and (max-width:1780px){
#znbo-header .right-info{ margin:26px 0 0 40px;}
.hot-moban-box .show-list .owl-controls .owl-prev{ left:-30px; }
.hot-moban-box .show-list .owl-controls .owl-next{ right:-30px;}
#znbo-header .top-nav li a{margin: 0 22px;}
}

@media (min-width:1340px) and (max-width:1569px){
#znbo-header .right-info{ margin:26px 0 0 40px;}
#znbo-header .top-nav li a{margin: 0 15px;}
.top-head .xb3{ width:18%;}
.top-head .xb9{width:82%;}	
.team-l .tt{ padding:27% 20px 19.6%;}
.teamzoomimgsw {padding-bottom: 196.8%;}
.accordionBox ul li.on .img-boxs span {padding: 32px 0 0 1.6%;}
.team-l .tt,.team-m .img_item a,.team-m .img_item_img{height:248px;}
.team-r .img_item_img{height:506px;}
.hot-moban-box .show-list .owl-controls .owl-prev{ left:0px; }
.hot-moban-box .show-list .owl-controls .owl-next{ right:0px;}
}

@media (min-width:1200px) and (max-width:1339px){
#znbo-header .right-info{ margin:26px 0 0 20px;}
#znbo-header .top-nav li a{margin: 0 11px;}
.container-layout {width:99%;}
.top-head .xb3{ width:18%;}
.top-head .xb9{width:82%;}	
.team-l .tt{ padding:24.5% 20px 18.5%;}
.teamzoomimgsw {padding-bottom: 197.7%;}
footer .foot-nav a:before{ top:5px;}
footer .footer-bot .item {padding: 20px 12px 25px;}
footer,.list-news-box li a,.news-l .item .desc,.list-news-box li span.time,.accordionBox ul li .overlay .inner,.img_item_title,.hot-moban-box .show-list .item h3,.hot-product-box .item a h3,.fh5co-heading p,.more a,.more-news a{font-size:15px;}
.accordionBox ul li .overlay h3,.fh5co-heading h2{font-size:36px;}
.accordionBox ul li .img-boxs span {padding: 32px 0 0 17%;}
.accordionBox ul li.on .img-boxs span {padding: 32px 0 0 1.3%;}
.accordionBox {height: 520px;}
.list-news-box li span.time{top:0px;}
.more{top:140px;}
.more-news a{width: 98px;}
.more-news{height: 40px;line-height: 40px;}
.team-l .tt,.team-m .img_item a,.team-m .img_item_img{height:220px;}
.team-r .img_item_img{height:450px;}
.hot-moban-box .show-list .owl-controls .owl-prev{ left:3px; }
.hot-moban-box .show-list .owl-controls .owl-next{ right:3px;}

}

@media screen and (min-width:1000px){
.col-5-1{float:left;width: 20% !important; display: table-cell;}
}

@media screen and (max-width:1199px){
.hot-moban-box .show-list .owl-controls .owl-prev{ left:5px; }
.hot-moban-box .show-list .owl-controls .owl-next{ right:5px;}
.container-layout{width:99%;}
#znbo-header .right-info{ margin:36px 0 0 10px;font-size:20px;padding-left: 33px;}
#znbo-header .logo{ padding:28px 0 0}
#znbo-header .top-nav li a{margin: 0 9px;}
#znbo-header .top-nav li a{ font-size:16px;}
#znbo-header .right-info .hot-tel{top:5px;height: 25px;width: 25px;font-size: 15px;}

.accordionBox { height: 460px;}
.accordionBox ul li .overlay h3,.fh5co-heading h2{font-size:30px;}
.accordionBox ul li .overlay .price span{font-size:30px;}
.accordionBox ul li .overlay .inner{padding: 30px 28px 0;}
.accordionBox ul li .img-boxs span {padding: 32px 0 0 24%;font-size:28px;}
.accordionBox ul li .overlay .cat-more a{margin-top: 5px;padding: 5px 25px;}
.accordionBox ul li .overlay .price{padding: 0px 0 6px;}

.fh5co-heading h2::before{width:58px;right: -68px;}
footer,.list-news-box li a,.news-l .item .desc,.list-news-box li span.time,.accordionBox ul li .overlay .inner,.img_item_title,.hot-moban-box .show-list .item h3,.hot-product-box .item a h3,.fh5co-heading p,.more a,.more-news a,.accordionBox ul li .overlay .cat-more a,.accordionBox ul li .overlay .price,.team-l .tt{font-size:15px;}
.team-l .tt .pone span{font-size:48px;}
.team-l .tt .pone {margin-bottom: 3px;}
.team-l .tt{padding: 28.9% 20px 20%;}
.img_item_box{height:35px;}
.img_item_title{line-height:35px;}
.teamzoomimgsw {padding-bottom: 198.3%;}
.more{top:81px;}
.hot-moban-box {margin-top: 10px;padding-bottom: 10px;}
.more-news{top:67px;}
.more-news a{width: 98px;}
.more-news{height: 40px;line-height: 40px;}
.news-m {margin: 0 0px 0 0px;}
.news-r {margin-left: 0px;}
.news-m::before{right:-12px}
.news-l {margin-right: 0px;}
.news-l .content{width:calc(100% - 66px);}
.news-l .content:before{right:-18px;}
.news-l .content .mores{right:-63px; top:15px; width:30px;height:30px;line-height:30px;font-size:18px; }
.team-l .tt,.team-m .img_item a,.team-m .img_item_img{height:186px;}
.team-r .img_item_img{height:382px;}

.list-news-box {margin-bottom: 40px;}

.fh5co-heading{padding: 45px 0 27px;}
.fh5co-heading p{ font-size:15px;}
#fh5co-about-us { padding-bottom: 40px;margin-top: 50px;}
footer .footer-bot .item{height:172px;}
footer .foot-nav a:before{ top:5px;}
.footer-last{text-align:center}
.footer-last .item2{text-align:center !important}
.list-news-box li span.time{top:0}

}

@media screen and (max-width:1000px){
.line-large{margin-left:-10px;margin-right:-10px}
.line-large .x1,.line-large .x2,.line-large .x3,.line-large .x4,.line-large .x5,.line-large .x6,.line-large .x7,.line-large .x8,.line-large .x9,.line-large .x10,.line-large .x11,.line-large .x12,.line-large .xl1,.line-large .xl2,.line-large .xl3,.line-large .xl4,.line-large .xl5,.line-large .xl6,.line-large .xl7,.line-large .xl8,.line-large .xl9,.line-large .xl10,.line-large .xl11,.line-large .xl12,.line-large .xs1,.line-large .xs2,.line-large .xs3,.line-large .xs4,.line-large .xs5,.line-large .xs6,.line-large .xs7,.line-large .xs8,.line-large .xs9,.line-large .xs10,.line-large .xs11,.line-large .xs12,.line-large .xm1,.line-large .xm2,.line-large .xm3,.line-large .xm4,.line-large .xm5,.line-large .xm6,.line-large .xm7,.line-large .xm8,.line-large .xm9,.line-large .xm10,.line-large .xm11,.line-large .xm12,.line-large .xb1,.line-large .xb2,.line-large .xb3,.line-large .xb4,.line-large .xb5,.line-large .xb6,.line-large .xb7,.line-large .xb8,.line-large .xb9,.line-large .xb10,.line-large .xb11,.line-large .xb12{padding-right:10px;padding-left:10px}	

.line-big{margin-left:-5px;margin-right:-5px}
.line-big .x1,.line-big .x2,.line-big .x3,.line-big .x4,.line-big .x5,.line-big .x6,.line-big .x7,.line-big .x8,.line-big .x9,.line-big .x10,.line-big .x11,.line-big .x12,.line-big .xl1,.line-big .xl2,.line-big .xl3,.line-big .xl4,.line-big .xl5,.line-big .xl6,.line-big .xl7,.line-big .xl8,.line-big .xl9,.line-big .xl10,.line-big .xl11,.line-big .xl12,.line-big .xs1,.line-big .xs2,.line-big .xs3,.line-big .xs4,.line-big .xs5,.line-big .xs6,.line-big .xs7,.line-big .xs8,.line-big .xs9,.line-big .xs10,.line-big .xs11,.line-big .xs12,.line-big .xm1,.line-big .xm2,.line-big .xm3,.line-big .xm4,.line-big .xm5,.line-big .xm6,.line-big .xm7,.line-big .xm8,.line-big .xm9,.line-big .xm10,.line-big .xm11,.line-big .xm12,.line-big .xb1,.line-big .xb2,.line-big .xb3,.line-big .xb4,.line-big .xb5,.line-big .xb6,.line-big .xb7,.line-big .xb8,.line-big .xb9,.line-big .xb10,.line-big .xb11,.line-big .xb12{padding-right:5px;padding-left:5px}	

#znbo-header .logo{ padding:8px 0}
#znbo-header .logo img {width:140px;}

.offcanvas-visible #znbo-offcanvas{ display:block}
#znbo-offcanvas .nav{display: block !important;borer:none}
.nav-toggle{display: block;}
.container-layout{ max-width:100%;}

.accordionBox { height: 450px;}
footer .footer-bot .item{height:152px;}
.accordionBox ul li .img-boxs span {padding: 32px 0 0 12%;}
.accordionBox ul li.on .img-boxs span {padding: 32px 0 0 1%;}

.news-l,.news-m{margin: 0 0px 20px;}

.team-l .tt{padding: 23.7% 6px 15%;}
.teamzoomimgsw {padding-bottom: 200.6%;}

.team-l .tt,.team-m .img_item a,.team-m .img_item_img{height:146px;}
.team-r .img_item_img{height:302px;}
}

@media screen and (max-width:760px){
.hot-moban-box .show-list .owl-controls .owl-prev{ left:8px;text-indent: 3px; }
.hot-moban-box .show-list .owl-controls .owl-next{ right:8px;text-indent: 5px;}
.hot-moban-box .show-list .owl-controls .owl-buttons div{width:25px;height:25px;line-height:25px;top: 37%;}
.hot-moban-box .show-list .owl-controls .owl-buttons div::before{font-size:20px;line-height: 27px;}

#znbo-header .top-lan{display:none}

#quirydialog .qdialog-head{width:360px }

.SonlineBox,.flex-direction-nav{ display:none}
.suspension{ display:none}
.flex-control-nav{bottom:10px;}

#toclickbox{ display:block}

.top-nav li a:after,.top-nav li.current a:after{ display:none}
#znbo-offcanvas{top:54px;}
#znbo-offcanvas ul li{ line-height:40px !important}

#fh5co-content_show .content_detail h1,.show-cons h1{ font-size:16px;}
#fh5co-content_show .detail p,.index-rightbar .right-content .title{ font-size:14px;}

.fh5co-heading h2,.accordionBox ul li .overlay h3,.accordionBox ul li .overlay .price span{ font-size:24px;}
.mid-nav .container{ padding:0}
.fh5co-heading p{margin-top: 6px;}

/*手机底部导航*/
.blank55{height:55px; line-height:1px; clear:both;}
#toolbar{color:#fff;width:100%;height:54px;position:fixed;bottom:0;left:0;z-index:6;background:#000; display:block;}
#toolbar a{width:100%;color:#fff;display:block;padding:5px 0 0 0;line-height:23px;font-size:14px;}
#toolbar a span{ font-size:22px; display:block;}
.about-play-box  .play-btn{top:-195px;left:40%;}

.accordionBox { height: 440px;}
.accordionBox ul li .img-boxs span {padding: 32px 0 0 19%;font-size:16px;}
.accordionBox ul li.on .img-boxs span {padding: 32px 0 0 1.5%;}
footer,.list-news-box li a,.news-l .item .desc,.list-news-box li span.time,.accordionBox ul li .overlay .inner,.img_item_title,.hot-moban-box .show-list .item h3,.hot-product-box .item a h3,.fh5co-heading p,.more a,.more-news a,.accordionBox ul li .overlay .cat-more a,.accordionBox ul li .overlay .price,.team-l .tt{font-size:14px;}
.fh5co-heading h2::before{width:40px;right: -48px;}
.team-l,.team-m{width: calc(50% - 5px);}
.team-l .tt,.team-m .img_item a,.team-m .img_item_img{height:216px;}
.team-l .tt{padding: 35% 6px 15%;}
.team-m.team-m5{width: calc(50%- 5px);margin-left:0px;}
.team-r{width: 100%;}
.team-m.team-m5,.team-m.team-m7{margin-top:10px;}
.footer-last,.footer-last .item2{text-align:left !important}
 footer .footer-bot .item {height: 128px;}
.footer-last .margin-big-bottom{margin-bottom:10px !important;}
.more-news { top: 24px;}
.more {top: 39px;}
}
@media screen and (max-width:480px){
footer .xl6{ width:100% !important}

#znbo-header .logo{padding:8px 0 7px;}
#znbo-header .header-box  .xl4{ width:100% !important}
.fh5co-heading h2{ font-size:24px;}
#znbo-offcanvas{top:47px;}
.accordionBox ul li .img-boxs span {padding: 32px 0 0 18%;font-size:14px;}
.accordionBox ul li.on .img-boxs span {padding: 32px 0 0 1.3%;}
.team-l .tt,.team-m .img_item a,.team-m .img_item_img{height:188px;}
.accordionBox { height: 470px;}
}
/* 内页 end*/