body{ font-size:14px; color:#333; font-family:Arial, Helvetica, sans-serif;font-weight:normal; background:#fff; padding-top:90px; }
p{margin:0;font-weight:normal;line-height:1; text-indent:0}
a{ color:#333;text-decoration:none}
a:focus,a:hover{color:#ff4900;}
header .layout,footer .layout,#fh5co-product-list.layout,.show-moban-boxs.layout {overflow:visible;}
.clear{ clear:both}
img{ max-width:100%;}
ul,li{ padding:0; margin:0; list-style:none}
.taocan-price h3 s,.service-item i,.temp_view,.fh5co-nav-toggle.active{ background-image:url(../images/mainbg.png); background-repeat:no-repeat}
.none{ display:none}
.p-m-top{ padding:40px 0px;}
.main-shaddow{ background:#fff;box-shadow:0 2px 2px #e4e4e4;-webkit-box-shadow: 0 2px 2px #e4e4e4;-moz-box-shadow:0 2px 2px #e4e4e4; overflow:visible;}
.shaddow{ background:#fff;box-shadow:0 2px 2px #e4e4e4;transition: all 0.5s ease 0s;}
.shaddow:hover{-webkit-box-shadow:0 0 8px rgba(204, 204, 204, .90);-moz-box-shadow:0 0 8px rgba(204, 204, 204, .90);box-shadow:0 0 8px rgba(204, 204, 204, .90);transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;}
.c-more a{ display:block; background:#e4e4e4; width:100%; max-width:315px; height:40px; line-height:40px; text-align:center; margin:20px auto 0; border-radius:4px;}
.c-more a:hover{background:#ff5600; color:#fff}
.more{ margin-top:20px;}
.more a{ background:#ff5600; font-weight:bold; color:#fff; display:inline-block;width:110px; margin:0 auto; height:45px; line-height:45px; border-radius:3px;}
.fh5co-heading{width:100%;line-height:1;position:relative; padding-bottom:40px;}
.fh5co-heading h3{font-size:30px;color:#333; font-weight:bold}
.fh5co-heading p{ font-size:12px;color:#666; margin-top:12px;}
.line-big{margin-left:-12px;margin-right:-12px}
.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{position:relative;min-height:1px;padding-right:12px;padding-left:12px}

.line-large{margin-left:-19px;margin-right:-19px}
.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:19px;padding-left:19px}

.zoomimgs{display:block; width:100%;height:0; overflow:hidden; background-position: center top; background-repeat: no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover;/*图片不裁切需要全部显示改用background-size:contain，改变图片缩放比例改paddding-bottom的百分比,如图片宽高1:1 100%，4:3 75%，3:4 133.33%*/}
.piczoomimgs{padding-bottom: 64%;}
.artzoomimgs{padding-bottom: 65%;}
.chazoomimgs{padding-bottom: 53%;}
.photozoomimgs{padding-bottom: 66%;}
.bg-main{ background:#f3f3f3;}
.border{border:1px solid #e4e4e4 !important}

/*顶部导航 begin*/
#znbo-header .fixed{ position:fixed; top:0; left:0; background:#fff; right:0;z-index:7;}
#znbo-header .head-bg{  height:90px;border-bottom:1px solid #d7d3d7}
#znbo-header .logo{ margin:24px 0 10px 25px;}
#znbo-header .logo img{ max-width:100%; }
#znbo-header .main-nav .nav li{margin: 0; padding:0;display:inline-block; padding:0 25px 0 5px;  }
#znbo-header .main-nav .nav li a{color:#333;font-size:14px;display:block; line-height:88px;margin: 0; padding:0}
#znbo-header .main-nav .nav li a .downward{ display:none}
#znbo-header .main-nav .nav li a:hover,#znbo-header .main-nav .nav li.current a.first-level{color:#333;  transition:none;border-bottom:2px solid #ff4900}
#znbo-header .main-nav .nav li ul{ display:none}
/*推广语*/
.pic_pos {font-size:48px; color:#333; line-height:1.5; padding:130px 0 35px;}
.pic_pos .ftitle{ font-size:48px;  color:#ff5600; font-weight: bold}
.pic_pos p{ line-height:1.3; color:#484848}
/*顶部导航 end*/


/*手机版顶部导航 begin */
#mobile-header, .fh5co-nav-toggle, #fh5co-page{}
#mobile-header, .fh5co-nav-toggle, #fh5co-page{position: relative;}
#fh5co-page{z-index: 2;}
#mobile-header{ display:none;right: 0; overflow-y: hidden;position: fixed;z-index: 8;top: 10px;width: 160px;background:#fff ;padding: 0px 0px 10px 40px;border:0;}
.mobile-visible #mobile-header{ display:block;}
#mobile-header ul{padding: 0;margin: 0;overflow-x:hidden;border-radius:0}
#mobile-header ul li{list-style: none; position:static; width:100%; margin:0;padding:0;}
#mobile-header ul li:hover,#mobile-header ul li.current{ }
#mobile-header ul li a{font-size: 14px;color: #333;text-decoration: none !important; display:block;position:relative; line-height:34px; margin:0; padding:0px 0 0 2px; }
#mobile-header ul li a:hover,#mobile-header ul li.current a{color:#D20106;}
#mobile-header ul li a::after{ background:#eee; position:absolute;content:''; left:0px;bottom:0;right:0; height:1px;}
#mobile-header ul li ul{margin:0;padding:0;z-index: 6; position:relative ;width:100%; border:0;box-shadow:0 }
#mobile-header ul li ul li{margin:0;padding:0;display:block;border:none;line-height:28px;}
#mobile-header ul li ul li a,#mobile-header ul li.current ul li a{background:#fff;color:#666;display:block;padding:0px 20px 0px 20px;margin:0;text-align: left; width:100%; font-size:12px; line-height:28px;transition:none}
#mobile-header ul li ul li a:hover{background:#D20106;color:#fff; transition:none}
#mobile-header ul li ul li a::before,#mobile-header ul li ul li a::after{ background:none; height:0; padding:0}
#mobile-header ul li ul li ul{top:0}
.fh5co-nav-toggle{cursor: pointer;text-decoration: none; }
.fh5co-nav-toggle.active i::before, .fh5co-nav-toggle.active i::after{background: #000;}
.fh5co-nav-toggle:hover, .fh5co-nav-toggle:focus, .fh5co-nav-toggle:active{outline: none;border-bottom: none !important;}
.fh5co-nav-toggle i{position: relative;display: -moz-inline-stack;display: inline-block;zoom: 1;*display: inline;width: 28px;height: 4px;color: #c40000;font: bold 14px/.4 Helvetica;text-transform: uppercase;text-indent: -55px;background: #000;transition: all .2s ease-out;}
.fh5co-nav-toggle i::before, .fh5co-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;}
.fh5co-nav-toggle i::before{top: -9px;}
.fh5co-nav-toggle i::after{bottom: -9px;}
.fh5co-nav-toggle:hover i::before{top: -10px;}
.fh5co-nav-toggle:hover i::after{bottom: -10px;}
.fh5co-nav-toggle.active i{background:none;}
.fh5co-nav-toggle.active i::before{background:none}
.fh5co-nav-toggle.active i::after{background:none}
.fh5co-nav-toggle{position: fixed;top: 15px; right: 10px;z-index: 9;display: block;display: none;cursor: pointer;}
.fh5co-nav-toggle.active{right:129px !important; top:15px !important; background-position:-304px -54px;  width:20px; height:23px;}
/*手机版顶部导航 end */

/* 底部 begin*/
footer{ background:#182029; font-size:14px;color:#999;}
footer .link-title{ margin-bottom:3px}
footer .foot-top{padding:15px 0;}
footer .foot-bot{padding:20px 0 25px;}
footer .foot-top{border-top:1px solid #30373f; }
footer .foot-top .foot-nav a{margin:0 5px;color:#999;}
footer a{color: #999;}
footer a:hover{color:#fff; text-decoration:underline}
footer .copyright{line-height:25px;}
/* 底部 end*/


/*滚动*/
.owl-carousel .owl-wrapper:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.owl-carousel .owl-item{float: left;}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{cursor: pointer;}


/*产品*/
.pro_item{border: 1px solid #ddd;box-shadow: 0 2px 2px #e4e4e4;text-align:left; background:#fff}
.pro_img2{padding:10px;}
.pro_img2 img{ width:100%}
.pro_title2{height:35px;line-height:25px;color:#333; border-bottom:1px solid #efefef;font-weight:bold; white-space:nowrap; overflow:hidden; margin:0 10px;}
.pro_date2{ font-size:12px; text-indent:10px; color:#666; height:35px; line-height:35px;}

.pro_item_inner .pro_img{ position:relative;}
.pro_item_inner h3{ font-size:20px; color:#333; white-space:nowrap; overflow:hidden; position:absolute; left:25px;right:25px; bottom:0; height:50px;  padding-top:17px; background:#fff; padding-left:6px; padding-right:6px;}
.pro_item_inner .pro_date{ color:#666; font-size:14px; margin:10px 0 25px}

/*小导航*/
.mid-nav{ margin-bottom:35px; overflow:hidden; height:40px;}
.mid-nav ul li{ display:inline-block}
.mid-nav a{display: inline-block; padding:0 28px;margin: 0 5px;background: #e9e9e9;font-size: 14px;line-height: 40px;vertical-align: top; border-radius:5px;}
.mid-nav a:hover,.mid-nav li.active a {background: #f60;color: #fff;}
.mid-nav h3,.mid-nav button{ display:none}
.channel-title{border-bottom:1px solid #DBDBDB; margin:0px auto 30px; max-width:1200px; padding: 35px 0 0;}
.channel-title .fh5co-heading{ padding-bottom:18px;}
.channel-title .fh5co-heading h3,.title h3{ font-size:30px; font-weight:bold}
.channel-title .fh5co-heading p{ padding:15px 0 12px; color:#484848}
.channel-title .mid-nav{ margin-bottom:0px ; height:68px;}
.channel-title .mid-nav li{border-bottom:2px solid #fff; height:40px;padding:0 36px 0px 0;}
.channel-title .mid-nav a{ background:none;  margin:0; padding:0; display:block;border-radius:0; line-height:48px}
.channel-title .mid-nav a:hover,.channel-title .mid-nav li.active a {background:none;color: #ff6600;border-bottom:2px solid #f60}

/*套餐价格*/
.taocan-price h3 s{  display:inline-block; width:40px; height:40px; vertical-align:middle; margin-right:8px;  }
.taocan-price .item-block1 h3 s{background-position:0 0;}
.taocan-price .item-block2 h3 s{background-position:-64px 0;}
.taocan-price .item-block3 h3 s{background-position:-127px 0;}
.taocan-price .item-block4 h3 s{background-position:-190px 0;}
.taocan-price .item{ border:1px solid #c9c9c9;border-radius:4px;}
.taocan-price  h3{ line-height:1; background:#f3f3ff;font-size:20px;color:#333; padding:23px 0}
.taocan-price  h3 a,.taocan-price  h3 a:hover{color:#333;}
.taocan-price .content{ padding:13px;}
.taocan-price .price{font-size:14px;border-bottom:1px solid #efefef; padding:15px 0 16px;}
.taocan-price .price span{color:#c52720; font-size:36px; font-weight:bold; display:inline-block; margin-right:5px;}
.taocan-price .info{ padding:15px 0; height:105px; overflow:hidden}
.taocan-price .info,.taocan-price .info p{ line-height:30px;font-size:14px;}
.taocan-price .t-more{ margin:25px 0 15px}
.taocan-price .t-more a{ background:#f3ecf3; font-weight:bold; color:#ff5600; display:inline-block; width:80%; max-width:156px; margin:0 auto; height:45px; line-height:45px; border-radius:3px;}
.taocan-price .item-block1 .item:hover h3 s{background-position:0 -49px;}
.taocan-price .item-block2 .item:hover h3 s{background-position:-64px -49px;}
.taocan-price .item-block3 .item:hover h3 s{background-position:-127px -49px;}
.taocan-price .item-block4 .item:hover h3 s{background-position:-190px -49px;}
.taocan-price .item:hover  .price span{color:#ff5600;}
.taocan-price .item:hover  h3{ background:#ff5600;}
.taocan-price .item:hover  h3 a{ color:#fff}
.taocan-price .item:hover .t-more a{ background:#ff5600; color:#fff;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;}

/*做网站优势*/
.service-item{border:1px solid #dfdfdf; padding:25px 10px; position:relative; margin-top:30px;}
.service-item .title{ line-height:1;font-size:24px;color:#333; padding:50px 0 20px; font-weight:bold}
.service-item .desc{ line-height:30px; color:#666; height:60px; overflow:hidden}
.service-item:hover{-webkit-box-shadow:0 0 8px rgba(0, 0, 0, .1);-moz-box-shadow:0 0 8px rgba(0, 0, 0, .1);box-shadow:0 0 8px rgba(0, 0, 0, .1);}
.service-item  i{  display:inline-block; width:118px; height:62px; vertical-align:middle; margin-right:8px; position:absolute; left:50%; top:-31px; margin-left:-59px; background-color: #fff }
.service-item1 i{background-position:-2px -100px;}
.service-item2 i{background-position:-127px -100px;}
.service-item3 i{background-position:-242px -100px;}




/*做网站方案*/
.art-item{border:1px solid #dfdfdf;  position:relative;box-shadow: 0 2px 2px #e4e4e4; background:#fff}
.art-item .media-img{padding:10px;}
.art-item a:hover h3{color:#ff4900;}
.art-item h3{ line-height:1;font-size:14px;color:#333; padding:5px 0px 15px; font-weight:bold;border-bottom:1px solid #ebebeb; white-space:nowrap; overflow:hidden}
.art-item .info{ line-height:25px; color:#666; height:115px; overflow:hidden; font-size:12px;padding:10px;}
.art-item .more{ margin-top:20px;}
.art-item .more a{ background:#ff5600; font-weight:bold; color:#fff; display:inline-block;width:110px; margin:0 auto; height:45px; line-height:45px; border-radius:3px;}

/*关于我们*/
.about-us{ background:url(../images/about_bg.jpg) no-repeat  center top; background-size:cover; height:625px;}
.about-us h3,.about-us p{ color:#fff}
.about-us .content{ position:relative; padding:42px 70px 36px 70px; margin-top:15px;}
.about-us .content .abg{ border:4px solid #fff; position:absolute; left:0; width:70%; top:0; bottom:0}
.about-us .owl-buttons{}
.about-us .owl-theme .owl-controls .owl-buttons div{position:absolute;top:50%; margin-top:0px; width:52px; height:40px; line-height:40px; font-size:0px; padding:0; margin:0; background:#000; opacity:0.4; text-align:left; border-radius:0; color:#fff }
.about-us .owl-theme .owl-controls .owl-buttons div:hover{background:#fff; opacity:0.4; }
.about-us .owl-theme .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:40px; color:#fff;}
.about-us .owl-theme .owl-controls .owl-buttons div:hover:before{color:#000}
.about-us .owl-theme .owl-controls .owl-prev{ right:0px; text-indent:8px; }
.about-us .owl-theme .owl-controls .owl-prev:before{content:"\f104"; }
.about-us .owl-theme .owl-controls .owl-next{ right:-52px; text-indent:9px; }
.about-us .owl-theme .owl-controls .owl-next:before{content:"\f105"}
.about-us .owl-theme .owl-controls .owl-prev:hover:before,.about-us .owl-controls .owl-next:hover:before{color:#666}

/*新闻动态*/
.news-box .media .media-left{background:#f5f0f5;margin-right:18px;margin-top:5px;}
.news-box .media-left p{ text-align:center; margin:0; line-height:18px;color:#525552;}
.news-box .media-left .f-day{font-size:43px; padding-bottom:9px;}
.news-box .media-left .f-year{font-size:14px;  font-weight:bold;padding-top:5px; padding-bottom:4px;}
.news-box .media-body h3{ height:23px; overflow:hidden; white-space:nowrap}
.news-box .media-body h3 a{font-size:16px; font-weight:bold}
.news-box .media-body p.info{color:#666;font-size:14px; line-height:24px; height:48px; overflow:hidden}

.list-news-box .item .media{border:2px solid #fff; background:#fff; padding:15px 20px 15px;box-shadow:1px 0px 2px rgba(0, 0, 0, 0.1);}
.list-news-box .item .media:hover{box-shadow:1px 0px 3px rgba(0, 0, 0, 0.2); }
.list-news-box .item .media .media-left{width: 95px; height:95px; padding-top:28px;border-radius:50%}
.list-news-box .item .media:hover .media-left{ background:#ff5600; color:#fff;border:2px solid #fff}
.list-news-box .item .media:hover .media-left p{ color:#fff}
.list-news-box .media-body p.a-more{ margin:10px 0 0}
.list-news-box .media-body p.a-more a{ display:block; padding:6px 22px;color:#ff6500; border:1px solid #dfdfdf;border-radius:25px;}

#article-box-id .media{border:0px solid #fff;padding:0 0 30px 0;box-shadow:none}
#article-box-id .media:hover .media-left{ background:#f5f0f5;color:#525552;border:none}
#article-box-id .media:hover .media-left p{color:#525552;}
#article-box-id .media-body{ margin-right:25px;}

/*做网站知识*/
.tab-content .boxs{ display:none}
.tab-content  .ftitle{ height:23px; overflow:hidden; font-size:16px; margin:15px 0 3px;}
.tab-content  .desc{ font-size:14px; line-height:24px; color:#666;}
.tab-content  .desc.rdesc{ height:48px; overflow:hidden}
.tab-content  .desc a{ color:#ff6500; text-decoration:underline}
.tab-content li{ padding-bottom:10px;}
.tab-content .media .media-left{width: 70px; height:70px; padding-top:18px; margin-top:0px; }
.tab-content .media-left .f-day{font-size:36px;}
.tab-content  .btitle{ font-size:16px; line-height:1; margin:0; white-space:nowrap}

/*底部信息*/
.bottom-info-box{ background:#393c39; height:90px;}
.bottom-info-box .bot-tel h2,.bottom-info-box .bot-tel p{color:#fff;font-size:18px; line-height:90px; display:inline}
.bottom-info-box .brode-img{ color:#fff; }
.bottom-info-box .brode-img img{ width:68px; height:68px; border:1px solid #d5d5d5; margin-top:10px;}
.bottom-info-box .brode-img p{ margin-top:17px; line-height:1.8}
.bottom-info-box .qq-box a{ color:#fff; line-height:89px; display:inline-block; margin:0 10px}
.bottom-info-box .qq-box a i{ display:inline-block; margin-right:5px;}
.bottom-info-box .qq-box a:hover{color:#ff6500;}
/* 内页 begin*/
/* 产品展示 begin*/

.temp-bg{ background:#EDEDED}

.ct_item{text-align:left;}
.ct_bg{background:#fff;box-shadow: 0px 4px 5px rgba(0,0,0,.3);}
.ct_title{height:50px;line-height:50px; text-align:center;background:#d90000;color:#fff;font-size:18px;}
.ct_list{padding:5px 10px 0 9px;}
.ct_list ul{}
.ct_list li{margin:5px auto 11px;line-height:20px; padding-left:20px; position:relative}
.ct_list li:before{content:"\f124";display:inline-block;font-family:"FontAwesome";font-weight:normal;font-style:normal;vertical-align:baseline;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:rotate(45deg);-ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg);-o-transform:rotate(45deg); color:#d90000; position:absolute; left:0; top:4px;}
.ct_list li span{ display:block;color:#d90000;font-weight:bold;}
.ct_list li a{ color:#666; }
.ct_list li a:hover{ color:#d90000; }

.ct_link{height:75px; text-align:center;}
.ct_link a{height:45px; background:#2D5DC3; display:inline-block;padding:10px 25px; font-size:16px; color:#fff; border-radius:5px;}
.ct_link a#ct_2{ background:#e6e6e6; color:#666; margin-left:10px;}
.ct_link a#ct_2:hover{background:#2D5DC3; color:#fff}


/*模板列表*/
.detail h3{ font-weight:bold; margin:10px 0}

.title .bread{ padding:3px 0px;  font-size:14px;}
.title .bread a{ color:#666}
.title .bread a i{ display:inline-block; margin-right:6px;}

/*案例分类*/
.top_list{ line-height:normal;border-bottom: 1px solid #dbdbdb; padding-bottom:10px;}
.top_list li{padding:6px 0;line-height:23px;}
.top_list li:last-child{border-bottom:none}
.top_list li strong{background:url(../images/li_2.gif) no-repeat left center;padding:0 6px 0 0px;}
.top_list li a{white-space:nowrap;margin:0 5px 0 0; display:inline-block; padding:2px 5px;}
.top_list li a:hover, .top_list li a.active{background:#ff4900;color:#fff;}
.title h3{ padding:20px 0 10px}
.top-case-title{ font-size:30px; font-weight:bold; color:#484848; padding:25px 0 10px;}

/*分页*/
.table span{margin-right:10px;}
.pager{font-size:12px; padding:10px 0 0; margin:0}
.pager a{border:none;color:#393939;}
.pager a:focus,.pager a:hover{color:#f00;background:none}
.pager li{display:block;text-align:left; line-height:200%}
.pagination .active,.pagination a:hover{background:#2b2b2b;color:#fff;}
.pagination .active a{color:#fff}
.pagination li,.list-content .pagination li{ margin:0 2px 7px 2px;}
.pagination a,.list-content .pagination a{padding:4px 9px;}
video{max-width:100%}

/*详情*/
.pub-info { padding-top:8px; color:#666}  
.pub-info span{ display:inline-block; margin:0 8px}
.pro-detail{border: 1px solid #e8e8e8; background:#fff; margin-top:60px;}
.pro-description{ position:relative; padding:45px 98px 30px}
.pro-description .next-pre-btn{ position:absolute; left:50%; width:106px; margin:0 auto; height: 50px;margin-left:-54px;top: -27px;}
.pro-description .next-pre-btn a{background-color: #f5f5f5; margin:0; font-size:39px; color:#ccc;border: 1px solid #ddd;display: inline-block;
height: 50px; line-height:40px ; text-align:center;width: 50px; float:left}
.pro-description .next-pre-btn a.next-pro{ margin-left:4px;}
.pro-description h2{color: #535353; font-size: 26px;font-weight: bold;line-height: 48px;}
.pro-description .content-img{ text-align:center;}
.pro-description .intro-box{background: #f9f9f9;border: 1px solid #e8e8e8;font-size: 14px;line-height: 24px;margin:35px 0 20px;padding: 20px 30px;text-align: left;}
.pro-description .intro-box p{ line-height:2}
.detail{ padding-bottom:10px; line-height:2}
.detail p{ line-height:2; text-indent:0}
.key-word h3{font-size:14px; color:#333; font-weight:bold; }

/*推荐新闻*/
.rec-news{border:1px solid #e8e8e8; padding:15px 20px;}
.rec-news  h3{ margin:3px 0 8px; color:#333}
.rec-news li{ padding:4px 0}
.rec-news li span.num{ display:inline-block; width:14px; line-height:14px; width:14px; font-size:10px; background:#666; text-align:center; color:#fff; margin-right:8px;}
.rec-news li:first-child span.num{ background:#FF5B02}
.rec-news li:nth-child(2) span.num{ background:#FE9600}
.rec-news li:nth-child(3) span.num{ background:#1FA0E4}
.rec-news li span.float-right{ color:#999}

/*在线客服*/
.SlideOnline{position: fixed; right: 8px; top:50%; margin-top: -140px; height:280px; width: 74px;  z-index: 999;}
.znbo-kefu li{position: relative; height: 72px;border-right: 1px solid #ff4900; border-left: 1px solid #ff4900; border-bottom: 1px solid #ff4900; }
.znbo-kefu li a s{ background-image:url(../images/mainbg.png); background-repeat:no-repeat;}
.znbo-kefu li a s{ display:block; width:40px; height:34px; margin:0px auto 3px; }
.znbo-kefu li:first-child{ border-top: 1px solid #ff4900;}
.znbo-kefu li a.btns{ background:#fff; display:block; text-align:center; height:71px;padding:8px 0 0px; }
.znbo-kefu li:first-child a.btns{ height:70px;}
.znbo-kefu .ccon{ background:#f60;position: absolute; left: 0px; bottom: 15px; color: #fff; width:130px; height: 40px; line-height: 40px; text-align: center;-webkit-transition:all 0.6s;-ms-transition:all 0.6s;-moz-transition:all 0.6s;box-shadow: 0px 0px 10px rgba(0,0,0,.3); z-index: 1; opacity: 0;}
.znbo-kefu .ccon:before{content: ''; display: block; width: 10px; height: 10px; position: absolute; right: -5px; top: 14px; background-color:#fff; transform:rotate(45deg); background:#f60}
.znbo-kefu .ccon a{background:#f60; color:#fff}
.znbo-kefu li:hover .ccon{left: -140px; opacity: 1;}
.znbo-kefu li.tel a s{background-position:-13px -188px;}
.znbo-kefu li.qq a s{background-position:-124px -188px;}
.znbo-kefu li.weixin a s{background-position:-221px -188px;}
.znbo-kefu li.weixin .ccon{ height:128px;width:136px;bottom: -28px;}
.znbo-kefu li.weixin .ccon img{ width:120px; height:120px; padding-top:8px;}
.znbo-kefu li.weixin:hover .ccon{left: -150px; opacity: 1;}
.znbo-kefu li.weixin .ccon:before{ top:57px;}
.znbo-kefu li.top a s{background-position:-307px -180px;margin:5px auto 0px; }
/*在线客服 end*/

/*模板建站*/
.wall-column{display: block;position: relative;width: 25%;float: left;padding: 0 10px;box-sizing: border-box;}
.wallfull{display: block; position: relative; min-height:1px; margin-left:-10px; margin-right:-10px}
.temp_item{  margin-bottom:40px;}
.temp_con{border: 1px solid #ddd; background:#fff;box-shadow: 0 2px 2px #e4e4e4; position:relative; }
.temp_img{padding:10px;}
.temp_img img{width:100%;}
.temp_title{height:35px;line-height:25px;border-bottom: 1px solid #efefef; font-weight:bold; text-indent:10px;}
.temp_title a{ color:#333}
.temp_title a:hover{color:#f00}
.temp_price{height:34px;line-height:34px;text-indent:10px;}
.temp_price span{float:left;color:#666;}
.temp_price span font{color: #c62421;font-size: 14px;}
.temp_view{width:54px;height:32px; position:absolute; left:10px; top:10px; z-index:3; background-position:-285px 0; opacity:0}
.temp_con:hover .temp_view{opacity:1}
.temp_view a{width:100%;height:32px; display:block;}



/*手机底部导航*/
#toolbar{ display:none;}


@media screen and (min-width:1200px){
.container{ padding:0;}
.jianzhanboxs .line-big{ margin:0}
.col-5-1{float:left;width: 18.4%;margin-right:2% !important;height:auto; padding:0  !important}
.col-5-1:nth-child(5n){ margin-right:0  !important;}
}
@media (min-width:1000px) and (max-width:1199px){
.col-5-1{float:left;width: 18.4%;margin-right:2%  !important;height:auto; padding:0  !important}
.col-5-1:nth-child(5n){ margin-right:0  !important;}
.jianzhanboxs .line-big{ margin:0}
.about-us{  height:525px;}
.about-us .content{ padding:37px 30px 31px 50px; margin-top:10px;}
.about-us .content .abg{ width:80%;}
.pro_item_inner h3{ font-size:16px; height:44px; left:12px; right:12px; }
.SlideOnline{ display:none}
.ct_link a { padding: 10px 15px;}
.ct_link a#ct_2{ margin-left:7px}
}

@media screen and (max-width:1000px){
.wall-column{width: 33.3333333333%;}
.line-big{margin-left:-7px;margin-right:-7px}
.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{position:relative;min-height:1px;padding-right:7px;padding-left:7px}

.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{position:relative;min-height:1px;padding-right:10px;padding-left:10px}

#znbo-header .logo{ margin:18px 0 10px 25px;}
#znbo-header .main-nav .nav li{ padding:0 12px; }
.pic_pos { font-size:37px;padding:60px 0 45px;}
.pic_pos .ftitle{ font-size:33px;}
.mid-nav a{ padding:0 12px; margin:0 3px;}
.about-us{ background-position:left top;}
.pro-description{padding:33px 15px 20px;}
.pro-description .intro-box{ margin:10px 0;padding: 15px;}
.SlideOnline{ display:none}
.pro_item_inner h3{ font-size:16px;height:40px; left:12px; right:12px; }

.ct_link { height:auto; padding-bottom:10px;}
.ct_link a { display:block; margin:0 10px;}
.ct_link a#ct_2{ margin-left:10px; margin:10px }
}

@media screen and (max-width:760px){
.wall-column{width:50%;}
body{ padding-top:58px;}
#mobile-header .nav{display: block;borer:none}
.fh5co-heading{padding-bottom:30px;}
.fh5co-heading h3{ font-size:26px;}
.fh5co-heading p{ line-height:1.5;}
.fh5co-nav-toggle{display: block;}
.pic_pos { font-size:22px;padding:25px 0 0 ;}
.pic_pos .ftitle{ font-size:18px; margin-bottom:5px;}
#znbo-header .logo{ margin:10px 0 10px 10px;}
#znbo-header .logo img{ width:140px;}
#znbo-header .head-bg{ height:auto}
.onebottom{ margin-bottom:20px;}
.p-m-top{ padding:28px 0px;}
.mid-nav ul{ display:none}


.bottom-info-box .bot-tel{ text-align:right;}


.mid-nav{ float:left;padding:0;margin:0 0 20px;width: 100%;  position:relative;z-index:2; height:auto;background:#000; overflow:visible}
.mid-nav h3{ display:block; float:right; width:50%; background:#ff5600 ; height:50px; line-height:50px; text-align:center; color:#fff; font-size:18px;}
.mid-nav button{z-index:3;float:left; width:50%; height:50px; line-height:50px; padding:0; margin:0;border:none; border-radius:none;background:#000; color:#fff; font-size:18px; text-align:left; text-indent:12px; display:block;border-radius:0;}
.mid-nav button:hover,.mid-nav button:focus{ background:#000; }

.mid-nav button.no-r{}
.mid-nav button span{padding-left:10px;}
.mid-nav ul{ clear:both; }
.mid-nav ul.none{ display:none}
.mid-nav li{ width:100%;}
.mid-nav li a{background-color: #000;font-size: 16px;line-height:45px;padding:0;display:block; width:100%;border-bottom:1px solid #43403d;border-radius:0; margin:0; color:#fff}
.mid-nav li a:hover{color: #fff;}


.channel-title{border-bottom:none; margin:0px 0 30px; padding:0}
.channel-title .container{ padding:0}
.channel-title .fh5co-heading{ display:none}
.channel-title .mid-nav{ margin-bottom:0px ; height:auto;}
.channel-title .mid-nav li{border-bottom:0; height:auto;padding:0; text-align:center}
.channel-title .mid-nav a:hover,.channel-title .mid-nav li.active a {background:#f60;color: #fff;border-bottom:1px solid #43403d;}


footer .foot-top .float-right{ float:none !important; margin-top:10px;}
.bottom-info-box .qq-box a{ margin:0 5px}
footer .foot-top .foot-nav a:first-child{ margin-left:0}
.about-us{height:auto;}
.about-us .content{ padding:25px 25px 0px; margin-top:0px; margin-bottom:20px; }
.about-us .content .abg{width:100%; top:0; bottom:30px;}
.about-us .owl-theme .owl-buttons{ position:absolute; left:50%; bottom:0; width:104px; margin-left:-52px;}
.about-us .owl-theme .owl-controls .owl-buttons div{position:relative !important;top:auto !important; bottom:-19px !important; display:inline-block }
.about-us .owl-theme .owl-controls .owl-prev{ right:auto !important; }
.about-us .owl-theme .owl-controls .owl-next{right:auto !important; }
.pro-description{padding:33px 10px 20px;}
.pro-description .intro-box{ margin:10px 0;padding: 10px 10px;}
.pro-description h2{ font-size:18px;}

.pro_item_inner h3{ font-size:14px; height:35px; padding-top:12px; left:8px; right:8px;}
.pro_item_inner .pro_date{ font-size:12px; margin:5px 0 0px}



/*手机底部导航*/
.blank55{height:55px; line-height:1px; clear:both;}
#toolbar{color:#fff;width:100%;height:54px;position:fixed;bottom:0;left:0;z-index:8;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;}
}

@media screen and (max-width:480px){
#znbo-header .navbar-head img{ width:120px;}
#content_show .detail h2{ font-size:14px; font-weight:bold; margin:0}
.flex-control-nav{ display:none}
.list-news-box .item .media{ padding:10px 12px;}
.list-news-box .item .media .media-left{width: 65px; height:65px; padding-top:13px; margin-right:12px;}
.news-box .media-left .f-day{font-size:22px;padding-bottom:0px; font-weight:bold}
.news-box .media-left .f-year{padding-top:3px;}
.rec-news li span.float-right,.bottom-info-box .bot-tel h2{ display:none}
.bottom-info-box .xl4{width:100% !important }

}

@media screen and (max-width:360px){
.xl6{ width:100% !important}
.wall-column{width:100% !important}
.mid-nav h3{ display:none}
.mid-nav button{ width:100%;}

}


/* ======置顶 ======*/
.backToTop{display: none;width:35px;height:35px;position: fixed;_position: absolute;right: 5px;bottom: 60px;_bottom: "auto";cursor:pointer;z-index:9;background:#8CC224 url(../images/icon-gotop-fixed.png) no-repeat center center;}
.backToTop:hover{background-color:#689d03;}