@font-face {
  font-family: 'iconfont';
  src: url('../fonts/iconfont.eot');
  src: url('../fonts/iconfont.eot') format('embedded-opentype'),
  url('../fonts/iconfont.ttf') format('truetype'),
  url('../fonts/iconfont.svg#iconfont') format('svg');
}

.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

/* IE 8 会显示粗边框  */
img{ border-style:none; }

html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; line-height: 1.15; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
body { margin: 0; font-family: "Microsoft Yahei", PingFangSC-Regular, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif; line-height: 1.42857143; font-size: 14px; min-width: 1230px; background: #fff; color: #333; }
html, body, div, a, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, img, ins, kbd, q, samp, small, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, input, textarea, button, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  font-weight:normal;
}
ol, ul, li { list-style: none outside none; }
table { border-collapse: collapse; border-spacing: 0; }
a{ text-decoration:none; transition: all .3s; }


/* 清除浮动 */
.clear,.clearfix,.clear-float { height:0; line-height:0; font-size:0; clear:both; }
.clearXJ { zoom: 1; }
.clearXJ:before, .clearXJ:after { display: table; line-height: 0; content: ""; }
.clearXJ:after { clear: both; }

.flexslider{margin:0 auto;position:relative;width:100%;height: 550px;overflow:hidden;zoom:1;}
.flexslider .slides li{width:100%;height:100%}
.flex-arrow-nav span{width:70px;height:70px;line-height:99em;overflow:hidden;margin:-35px 0 0;display:block;background:url(../images/icons.png) no-repeat;
                                                                    position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;border-radius:35px}
.flex-arrow-nav span.nav-next{background-position:0 -70px;right:0}
.flex-arrow-nav span.nav-prev{background-position:0 0;left:0}
.flexslider:hover .nav-next{opacity:.8;filter:alpha(opacity=25)}
.flexslider:hover .nav-prev{opacity:.8;filter:alpha(opacity=25)}
.flexslider:hover .nav-next:hover,.flexslider:hover .nav-prev:hover{opacity:1;filter:alpha(opacity=50)}
.flex-num-nav{width:100%;position:absolute;bottom:16px;text-align:center}
.flex-num-nav li{margin:0 6px;display:inline-block;zoom:1;*display:inline}
.flex-num-nav li span{text-indent:-99em; width:50px; height:6px; background:#fff; display:inline-block; cursor:pointer; }
.flex-num-nav li span.flex-active,.flex-num-nav li.active span{ background:#bb0606; cursor:pointer; }
.flexslider .slides a img{height:550px;display:block}


.module{ width:100%;  }
.zj-header{  }
.zj-header-top{ background:#f8f8f8; height:32px; line-height:32px; border-bottom:1px solid #eee; }
.zj-header-top p{ width:1200px; margin:0 auto; font-size:13px; color:#666; }

.zj-header-zy{ background:#fff; height:116px; }
.zj-header-zy ul { width:1200px; margin:0 auto;  height:100px; }
.zj-header-zy ul li{ float:left; }
.zj-header-zy ul li .logo{ display:block; width:180px; height:58px; margin-top:26px; background:url(../images/icons.png) left bottom no-repeat; }

.zj-header-zy ul li:nth-child(2){ margin-left:20px; padding-left:20px; height:68px; margin-top:26px; border-left:1px solid #ddd; }
.zj-header-zy ul li p:first-child{ font-size:19px; font-weight:bold; color:#cb0707; }
.zj-header-zy ul li p:first-child i{ /*color:#f00;*/ margin-right:6px; font-size:22px; /*font-family:Arial;*/ font-weight:bold; }
.zj-header-zy ul li p:last-child{ font-size:13px; margin-top:8px; }
.zj-header-zy ul li p:last-child span{ color:#999; margin-right:20px; }

.zj-header-zy ul li:nth-child(3){float:right; background:url(../images/icons.png) -434px -973px no-repeat; padding-left:46px;  }
.zj-header-zy ul li:nth-child(3) span{display:block; }
.zj-header-zy ul li:nth-child(3) span:nth-child(1){ font-size:13px; /*text-align:right;*/ margin-top:26px; color:#333; }
.zj-header-zy ul li:nth-child(3) span:nth-child(2){ font-size:28px; color:#d80808; line-height:30px;  }
#nav-menu{ display:none; }

.zj-header-nav{ width:100%; background:#041226; }
.zj-header-nav #mobile-nav-mask{ display:none; }
.zj-header-nav .zj-header-nav-c{ width:1200px; margin:0 auto;}
.zj-header-nav ul{  }
.zj-header-nav ul > li{ float:left; position:relative; }
.zj-header-nav ul > li a{ display:block; height:56px; line-height:56px; padding:0 22px; color:#fff; font-size:15px; position:relative; z-index:1; }
.zj-header-nav ul > li a.s{ background:#9e1009; color:#fff;  }
.zj-header-nav ul > li:after{ content:''; position:absolute; width:100%; height:0px; background:#9e1009; bottom:0; left:0; z-index:0; -webkit-transition:height .3s;transition:height .3s;}
.zj-header-nav ul > li:hover:after{height:56px; color:#fff}

.zj-header-nav ul li.pro-list{  }
.zj-header-nav ul li.pro-list .sub-pro-list{ position:absolute; left:0; top:56px; width:100%; height:0px; background:#fff; z-index:100; overflow:hidden; opacity:0.98; }
.zj-header-nav ul li.pro-list .sub-pro-list ol{ margin:50px auto 0 auto; width:1200px; height:116px; }
.zj-header-nav ul li.pro-list .sub-pro-list ol li{ text-align:center; float:left; }
.zj-header-nav ul li.pro-list .sub-pro-list ol li a{ padding:0; margin:0; color:#000; }
.zj-header-nav ul li.pro-list .sub-pro-list ol li a:hover{ background:none;  }
.zj-header-nav ul li.pro-list .sub-pro-list ol li a:hover span{ color:#d80808; }

.zj-header-nav ul li.pro-list .sub-pro-list img{ display:block; margin:0; border-right:1px solid #eee; padding:0 46px; height:96px; }
.zj-header-nav ul li.pro-list .sub-pro-list span{ display:block; margin-top:10px; font-size:14px; line-height:initial; }




.zj-case{ margin-bottom:0px; }

.zj-case-title{width:1200px; margin:60px auto 0 auto; text-align:center;}
.zj-case-title h2{ font-size:30px; }
.zj-case-title p{ font-size:14px; color:#999; margin-top:10px; }

.zj-case-content{ width:1200px; margin:20px auto; }
.case-item-text{ float:left; }
.case-item-text ul li{ width:280px; height:80px; line-height:80px; margin-bottom:10px; border:1px solid #f2f2f2; background:#f8f8f8; }
.case-item-text ul li a{ color:#333; font-size:18px; font-weight:bold;  display:block; padding-left:20px; }
.case-item-text ul li:first-child a, .case-item-text ul li a:hover{ background:#9e1009; color:#fff; }

.case-item-image{ float:left; margin-left:18px; }
.case-item-image img{ height:449px; width:600px; }

.case-item-sj{ float:right; width:275px; height:450px; background:#f5f5f5; }
.case-item-sj h3{ font-size:16px; color:#888; margin:10px 0 0 18px; }
.case-item-sj ul{ margin:15px 0 0 18px;}
.case-item-sj ul li{ margin-bottom:25px; }
.case-item-sj ul a{ display:block; text-align:center; font-size:12px; color:#666; }
.case-item-sj ul a:hover{ color:#d80808; }
.case-item-sj ul li img{ display:block; margin-bottom:6px; }


.zj-pro{ background:#f5f5f5; }
.zj-pro-title{ width:1200px; margin:60px auto 20px auto; }
.zj-pro-title h2 { float:left; margin-top:50px; }
.zj-pro-title h2 a{ display:block; font-size:26px; color:#000; }
.zj-pro-title ul{ float:right; margin-top:60px; }
.zj-pro-title ul li{ float:left; margin-left:20px; }
.zj-pro-title h3 a{ font-size:14px; color:#666;   }
.zj-pro-title h3 a:hover{ color:#d80808; }
.zj-pro-c{ width:1200px; margin:0 auto; }
.zj-pro-c ul li{ float:left; width:390px; height:325px; background:#fff; text-align:center; margin-right:15px; transition: all .2s linear; margin-bottom:15px; }
.zj-pro-c ul li:hover{ box-shadow:0 15px 30px rgba(0,0,0,0.3); -webkit-box-shadow:0 15px 30px rgba(0,0,0,0.3); transform:translate3d(0, -2px, 0)}
.zj-pro-c ul li:nth-child(3n){ margin-right:0; }
.zj-pro-c ul li img{ display:block; width:370px; margin:10px; }
.zj-pro-c ul li a{ display:block; color:#000; font-size:14px; }
.zj-pro-c ul li a:hover{ color:#d80808; }

.zj-pro-c ul li div { margin-top:20px; }
.zj-pro-c ul li div span{float:left; display:block; }
.zj-pro-c ul li div span.price{ color:#d80808; margin-left:15px; }
.zj-pro-c ul li div span.price em{ font-size:16px; font-style:normal; }
.zj-pro-c ul li div span.price i{ font-size:16px; font-style:normal; }
.zj-pro-c ul li div span.type{ float:right; font-size:14px; margin-right:20px; }
.zj-pro-c ul li span.xunjia{ width:80px; font-size:13px; height:24px; color:#fff; line-height:24px; background:#9e1009; color:#fff; margin-left:20px; cursor:pointer; }
.zj-pro-c ul li span.xunjia:hover{ color:#ff0; }


.zj-pro-title2{ margin-top:0px; padding-top:68px; }
.zj-pro-title2 h2 { margin-top:0; }
.zj-pro-title2 ul { margin-top:10px; }
.zj-pro-c2 { padding-bottom:50px; }
.zj-pro-c2 ul li{ width:224px; margin-right:20px; margin-bottom:20px; height:335px; }
.zj-pro-c2 ul li:nth-child(3n){ margin-right:20px; }
.zj-pro-c2 ul li:nth-child(5n){ margin-right:0px; }
.zj-pro-c2 ul li img{ width:188px; margin-left:18px; }
.zj-pro-c2 ul li span{ display:block; margin-top:8px; color:#666; }


.zj-youshi{ background:#fff; }
.zj-ys-title{ width:1200px; margin:60px auto 20px auto; text-align:center; }
.zj-ys-title h2{ font-size:26px; }
.zj-ys-title p{ font-size:14px; color:#666; margin-top:10px; }
.zj-ys-c{ width:1200px; height:400px; margin:130px auto 50px auto; position:relative; background:url(../images/icons.png) center -200px no-repeat; }
.zj-ys-c div img{ display:none; }
#zj-ys1{ position:absolute; left:100px; top:-60px; }
#zj-ys2{ position:absolute; left:700px; top:-10px; }
#zj-ys3{ position:absolute; left:100px; top:160px; }
#zj-ys4{ position:absolute; left:730px; top:188px; }
.zy-ys-item div{ font-size:26px; margin-bottom:3px; }
.zy-ys-item div span{ font-size:42px; font-family:"arial black"; font-weight:normal; font-style:italic; margin-right:20px; color:#d80808; display:inline-block; vertical-align:middle;; }
.zy-ys-item ul { margin-left:50px; }
.zy-ys-item ul li{ font-size:14px; margin-bottom:5px; color:#666; }
.zy-ys-item ul li a{ color:#000; }
.zy-ys-item ul li a:hover{ color:#d80808; }
#zj-ys-nav{ display:none; }

.zj-about{ background:#f5f5f5; padding:68px 0;}
.zj-about-c{ width:1200px; margin:0 auto; }
.zj-about-text{ float:right; width:700px; }
.zj-about-text h2{ font-size:30px; margin-bottom:15px; }
.zj-about-text p{ font-size:16px; color:#666; line-height:26px; }
.zj-about-text a{ display:block; width:160px; height:32px; line-height:32px; font-size:14px; color:#d80808;  margin:15px 0 60px 0; }
.zj-about-text ul{ }
.zj-about-text ul li{ display:inline-block; width:120px; height:50px; line-height:50px; text-align:center; color:#000; background:#ddd; margin-right:10px; cursor:pointer; }
.zj-about-text ul li.s{background:#9e1009; color:#fff; }
.zj-about-img{ float:left; width:450px; position:relative; width:465px; }
.zj-about-img img{ width:450px; height:350px; display:block; position:relative; z-index:1; }
.zj-about-img .img-bg{ position:absolute; width:450px; height:350px; top:15px; right:0; background:#ddd; z-index:0; }

.zj-news{ margin-bottom:50px; }
.zj-news-title{ width:1200px; margin:60px auto; text-align:center; }
.zj-news-title h2{ font-size:30px; }
.zj-news-c{ width:1200px; margin:0 auto; }
.zj-news-c ul li{ float:left; }
.zj-news-c ul li.right{ float:right; }
.zj-news-c-img{ float:left; }
.zj-news-c-img img{ width:220px; border:1px solid #ddd;}
.zj-news-c-txt{ float:left; width:340px; margin-left:16px; }
.zj-news-c-txt a{ font-size:16px; color:#000; }
.zj-news-c-txt a:hover{ color:#d80808; }
.zj-news-c-txt p{ font-size:12px; color:#999; margin-top:6px; line-height:22px;}

.zj-news-c ul.top4 { margin-top:38px; }
.zj-news-c ul.top4 li{ width:560px; border:1px solid #eee;  padding:10px 0px 10px 10px; margin-bottom:15px; }
.zj-news-c ul.top4 li:hover{ border-color:#fc5959; }
.zj-news-c ul.top4 li span{ color:#d80808; font-family:"PingFang SC, Hiragino Sans GB, Microsoft YaHei"; font-size:28px; font-weight:normal; letter-spacing:1px; display:inline-block; vertical-align:middle; margin-right:10px; }
.zj-news-c ul.top4 li a{ color:#000; font-size:14px; display:inline-block; }
.zj-news-c ul.top4 li a:hover{ color:#d80808; }

.zj-qa{ margin:20px auto 0 auto; background:#fcfcfc; padding:20px; }
.zj-qa h3{ margin-bottom:15px; font-size:20px; border-bottom:1px dashed #ccc; padding-bottom:10px; }
.zj-qa ul li{ float:left; margin-right:30px; }
.zj-qa ul li.right0{ margin-right:0px; }

.zj-qa-q{ margin-bottom:15px;}
.zj-qa-q span{ display:inline-block; background:#999; color:#fff; padding:3px 5px; font-size:14px; margin-right:10px; }
.zj-qa-q a{ font-size:14px; color:#000; }
.zj-qa-q a:hover{ color:#d80808; }
.zj-qa-a span{ display:block; float:left; padding:3px 5px; margin-right:10px; background:#9e1009; color:#fff; font-size:14px; }
.zj-qa-a p{ width:330px; float:left; color:#999; font-size:13px; line-height:24px; margin-top:-5px; }

.zj-fridenlinks{ background:#600501;  }
.zj-fridenlinks-c{ width:1200px; margin:50px auto 0 auto;}
.zj-fridenlinks h3{ float:left; font-size:18px; width:136px; height:100px; line-height:100px; text-align:center; background:#560501; color:#fff; font-weight:bold; letter-spacing:3px; }
.zj-fl{ float:left; width:1040px; line-height:17px; vertical-align:middle; margin:5px 0 0 15px; }
.zj-fl a{ color:#ccc; font-size:12px; display:inline-block; margin-right:10px; }

.zj-footer{ background:#000; }
.zj-footer-c{ width:1200px; margin:0px auto; padding-top:50px; } 
.zj-footer-c-1{ float:left; border-right:1px solid #333; padding-top:10px; }
.zj-footer-c-1 ul{ width:253px; }
.zj-footer-c-1 ul li{ float:left; font-size:14px; margin-right:30px; margin-bottom:30px; }
.zj-footer-c-1 ul li a{ color:#fff; font-size:14px; }
.zj-footer-c-2{ float:left; width:530px; border-right:1px solid #333; margin-left:60px; padding-right:30px; padding-top:10px; }
.zj-footer-c-2 li{ color:#fff; margin-bottom:20px; font-size:14px; }
.zj-footer-c-2 li a{ color:#fff; }
.zj-footer-c-3{ float:left; width:200px; margin-left:80px; padding-top:10px;}
.zj-footer-c-3 img{ display:block; margin-bottom:5px; }
.zj-footer-c-3 span{ display:block; color:#fff; font-size:12px; margin-left:8px; }

.zj-rz{ text-align:center; margin:30px 0; }
.zj-rz a{ width:110px; height:47px; margin:0 20px; display:inline-block;}
.zj-rz a:nth-child(1){ background:url(../images/icons.png) -560px top no-repeat; }
.zj-rz a:nth-child(2){ background:url(../images/icons.png) -670px top no-repeat; }
.zj-rz a:nth-child(3){ background:url(../images/icons.png) -780px top no-repeat; }
.zj-rz a:nth-child(4){ background:url(../images/icons.png) -890px top no-repeat; }
.zj-rz a:nth-child(5){ background:url(../images/icons.png) -450px top no-repeat; }

.zj_cpr{ padding:15px; background:#111;  }
.zj_cpr p{ width:1200px; margin:0px auto; text-align:center; font-size:13px; color:#ccc;  }
.zj_cpr p a{ color:#ddd;  }

.zj-zxzx{ width:141px; position:fixed; right:0;  }
.zj-zxzx-top{ background:url(../images/icons.png) left -708px; height:242px; color:#000; font-size:14px;}
.zj-zxzx-top div{ padding:75px 0 0 0; text-align:center; }
.zj-zxzx-top div img{ display:block; width:108px; margin:5px auto; text-align:center; height:108px; }
.zj-zxzx-top div span:nth-child(1){ font-family:Arial; color:#ce031d; display:block; font-size:16px; font-weight:bold; }
.zj-zxzx-top div span.gw{ display:block; color:#bd0b22; font-size:14px; }

.zj-zxzx-bottom{ background:#a71427; width:121px; height:96px; padding:20px 10px; }
.zj-zxzx-bottom span{ font-size:14px; color:#fff; margin-bottom:15px; text-align:center; display:block; background:#5c010d; padding:10px 10px; border-radius:25px; cursor:pointer; }
.zj-zxzx-bottom span:hover{ color:#ff0; }
.zj-zxzx-bottom div{ font-size:12px; color:#370108; text-align:center; }

.mask{ background:#000; opacity:0.5; display:none; position:absolute; left:0; top:0; z-index:1000; }
.xjd{ width:750px; height:430px; display:none; background:#fff;   position:absolute; z-index:1001; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; }
.x_t{ margin:35px 30px 25px 30px; border-bottom:1px solid #ddd; padding-bottom:15px; }
.x_t p{ font-size:22px; text-align:center; letter-spacing:10px; }
.x_t i{ position:absolute; display:block; background:#999; color:#fff; font-weight:bold; right:10px; top:10px; font-size:16px; width:30px; height:26px; line-height:26px; text-align:center; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; }
.x_t i:hover{ background:#f00; color:#fff; }
.xjd ul li span.bt{ color:#f00; margin-left:10px; font-size:18px;  }
.xjd ul { margin:10px 0 50px 100px; }
.xjd ul li{ padding:8px 0; font-size:14px; }
.xjd ul li span{ display:inline-block; width:80px; font-size:14px; color:#999; }
.xjd ul li #proName{ display:inline-block; width:400px; font-size:14px; color:#000; }
.xjd ul li input{ width:390px; height:35px; padding-left:10px; padding-right:10px; border:1px solid #ddd; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; }
.xjd ul li a{ display:inline-block; margin-top:20px; background:#0992be; color:#fff; width:185px; margin-right:20px; height:38px; line-height:38px; text-align:center; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px;}
.xjd ul li span.btn{ display:inline-block; margin-top:20px; background:#9e1009; cursor:pointer; color:#fff; width:116px; margin-right:20px; height:38px; line-height:38px; text-align:center; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px;}
.xjd ul li span.zxts1{ width:auto; margin-left:10px; margin-right:2px; color:#000;  }
.xjd ul li span:last-child{ width:auto;  color:#d80808; font-size:16px;  }


#txtCode{ width:280px; }
#imgCode{display:inline-block; margin-left:10px; width:100px; height:30px; vertical-align:middle;}

@media screen and (min-width: 800px) {
    .nav-fixed{ position:fixed; left: 0; top: 0; z-index: 100; }
}

@media screen and (max-width: 800px) {
    body { min-width: 320px; }
    .zj-header{width:100%; }
    .zj-header-top{display:none; }
    .zj-header-zy { width:100%; position:fixed; left:0; top:0; height:auto; z-index:10; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
    .zj-header-zy ul{ width:auto; height:34px; padding:8px 0; }
    .zj-header-zy ul li{ float:none;}
    .zj-header-zy ul li:nth-child(2),.zj-header-zy ul li:nth-child(3){ display:none;}
    .zj-header-zy ul li .logo{ height:34px; width:108px; line-height:34px; background:url(../images/logo_m.jpg) no-repeat; background-size:cover; margin:0 0 0 5px; }
    .bar-fixed{ position:fixed;  z-index:10; }

    #nav-menu{ display:block; position:absolute; right:6px; top:10px; }
    #nav-menu span{ font-size:37px; color:#9e1009; line-height:34px; }
    .zj-header-nav{ height:100%; width:100%; position:absolute; left:0; top:0; z-index:1000; display:none; background:none;  }
    .zj-header-nav #mobile-nav-mask{ display:block; float:left; width:40%; height:100%; background:#000; opacity:0.8; }
    .zj-header-nav #mobile-nav-mask #closeMenu{  }
    .zj-header-nav #mobile-nav-mask #closeMenu i{ font-size:36px; color:#fff; display:block; margin:10px 20px;}
    .zj-header-nav .zj-header-nav-c{ float:left; width:60%; height:100%; background:#260000; overflow-y:scroll; }
    .zj-header-nav ul{  }
    .zj-header-nav ul > li{ float:none; position:relative; border-bottom:1px solid #3a0000; }
    .zj-header-nav ul > li a{ display:block; height:auto; line-height:initial; padding:8px 0 8px 15px; color:#fff; font-size:14px; position:static; border-bottom:1px solid #0d0000; }
    .zj-header-nav ul > li a.s{ background:none;  }
    .zj-header-nav ul > li:after{ display:none; }
    .zj-header-nav ul > li:hover:after{display:none;}
    .zj-header-nav ul li.pro-list a{ border-bottom:0; padding-bottom:0; }
    .zj-header-nav ul li.pro-list .sub-pro-list{ display:block; position:static; height:auto; background:none; overflow:auto;  border-bottom:1px solid #0d0000;  opacity:1; }
    .zj-header-nav ul li.pro-list .sub-pro-list ol { margin: 5px 0 5px 15px; width: auto; height: auto;}
    .zj-header-nav ul li.pro-list .sub-pro-list ol li{ float:none; text-align:left; padding-left:2em; }
    .zj-header-nav ul li.pro-list .sub-pro-list ol li a{ color:#fff; border-bottom:0; margin-top:0; }
    .zj-header-nav ul li.pro-list .sub-pro-list ol li a span{ font-size:13px; margin:0; padding:8px 0; }
    .zj-header-nav ul li.pro-list .sub-pro-list ol li a img{ display:none; }


    .zj-banner{ width:100%; height:160px; margin-top:50px; }
    .zj-banner ul li img{ width:auto; height:100%; display:block; }
    .flexslider{ height: 160px;}
    .flex-arrow-nav span{display:none;}
    .flex-num-nav{ bottom:10px; }
    .flex-num-nav li span{ width:20px; height:5px;  }


    .zj-case{ margin:0 8px; }

    .zj-case-title{ width:100%; margin:30px auto 0 auto;}
    .zj-case-title h2{ font-size:20px; }
    .zj-case-title p{ font-size:12px; color:#999; margin-top:6px; }

    .zj-case-content{ width:100%; margin:20px auto; }
    .case-item-text{ float:none; }
    .case-item-text ul{ width:100%; }
    .case-item-text ul li{ float:left; width:48%; height:auto; line-height:initial; margin:0 0 10px 0; border:1px solid #f2f2f2; background:#f8f8f8; }
    .case-item-text ul li:nth-child(2n){ float:right;  }
    .case-item-text ul li a{ color:#333; font-size:12px; font-weight:normal;  display:block; padding:8px 0; text-align:center; }

    .case-item-image{ float:none; margin-left:0; }
    .case-item-image img{ height:auto; width:100%; }

    .case-item-sj{ float:none; width:auto; height:auto; background:#f5f5f5; overflow:hidden; margin-top:10px; }
    .case-item-sj h3{ font-size:14px; color:#888; margin:6px 0 0 10px; }
    .case-item-sj ul{ margin:8px 10px 0 10px; }
    .case-item-sj ul li{ float:left; margin-bottom:15px; width:48%; }
    .case-item-sj ul li:last-child{ float:right; }
    .case-item-sj ul a{ display:block; text-align:center; font-size:12px; color:#666; }
    .case-item-sj ul a:hover{ color:#d80808; }
    .case-item-sj ul li img{ display:block; margin-bottom:6px; width:100%; height:auto; }


    .zj-pro{ background:#f5f5f5; width:100%; overflow:hidden; }
    .zj-pro-title{ margin:0 8px; }
    .zj-pro-title h2 { float:left; margin-top:36px; margin-bottom:10px; }
    .zj-pro-title h2 a{ display:block; font-size:20px; color:#000; }
    .zj-pro-title ul{ display:none; }
    .zj-pro-c{ width:100%; margin:0 auto; }
    .zj-pro-c ul{ margin:0 8px; }
    .zj-pro-c ul li{ float:left; width:48.8%; height:auto; background:#fff; text-align:center; margin-right:8px; margin-bottom:8px; }
    .zj-pro-c ul li:nth-child(3n){ margin-right:8px; }
    .zj-pro-c ul li:nth-child(2n){ margin-right:0; }
    .zj-pro-c ul li:hover{ box-shadow:none; -webkit-box-shadow:none; transform:none;}
    .zj-pro-c ul li img{ display:block; width:100%; height:auto; margin:0; }
    .zj-pro-c ul li a{ display:block; color:#000; font-size:12px; width:100%; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .zj-pro-c ul li a:hover{ color:#d80808; }

    .zj-pro-c ul li div { margin-top:10px; }
    .zj-pro-c ul li div span{float:left; display:block; }
    .zj-pro-c ul li div span.price{ color:#d80808; margin-left:6px; }
    .zj-pro-c ul li div span.price em{ font-size:12px; font-style:normal; }
    .zj-pro-c ul li div span.price i{ font-size:12px; font-style:normal; }
    .zj-pro-c ul li span.xunjia{ float:right; width:auto; font-size:12px; height:auto; color:#fff; line-height:initial; background:#9e1009; color:#fff; margin:0 6px 0 0px; padding:4px 15px; cursor:pointer; }
    .zj-pro-c ul li span.xunjia:hover{ color:#ff0; }
    .zj-pro-c ul li div span.type{ float:left; font-size:12px; margin:6px 0 10px 6px; }
    
    .zj-pro-title2{ margin-top:0px; padding-top:40px; }
    .zj-pro-title2 h2 { margin-top:0; }
    .zj-pro-title2 ul { margin-top:10px; }
    .zj-pro-c2 { padding-bottom:50px; }
    .zj-pro-c2 ul li{ width:29%; margin-right:6px; padding:4px; margin-bottom:6px; height:auto; }
    .zj-pro-c2 ul li:nth-child(5n){ margin-right:6px; float:left; }
    .zj-pro-c2 ul li:nth-child(2n){ margin-right:6px; float:left; }
    .zj-pro-c2 ul li:nth-child(3),.zj-pro-c2 ul li:nth-child(6),.zj-pro-c2 ul li:nth-child(9){ margin-right:0; float:left; }
    .zj-pro-c2 ul li:last-child{ display:none; }
    .zj-pro-c2 ul li img{ width:100%; margin-left:0; margin-bottom:5px; }
    .zj-pro-c2 ul li span{ display:block; margin:5px 5px 10px 5px; color:#666; font-size:12px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }


    .zj-youshi{ background:#fff; margin:0 8px 50px 8px; }
    .zj-ys-title{ width:100%; margin:40px auto 20px auto; text-align:center; }
    .zj-ys-title h2{ font-size:20px; }
    .zj-ys-title p{ font-size:12px; color:#666; margin-top:10px; }
    .zj-ys-c{ width:100%; height:auto; margin:0 auto; position:initial; background:none; }
    .zj-ys-c div img{ display:block; width:100%; height:auto; }
    #zj-ys2, #zj-ys3, #zj-ys4{ display:none; margin-top:30px; }
    #zj-ys1{ position:static; margin-top:30px; }
    #zj-ys2{ position:static; }
    #zj-ys3{ position:static; }
    #zj-ys4{ position:static;}
    .zy-ys-item div{ font-size:20px; margin-bottom:3px; }
    .zy-ys-item div span{ font-size:18px; background:#9e1009; padding:2px 8px; font-weight:normal; font-style:italic; margin-right:10px; color:#fff; display:inline-block; vertical-align:middle; }
    .zy-ys-item ul { margin:15px 0 0 50px; }
    .zy-ys-item ul li{ font-size:12px; margin-bottom:5px; color:#999; }
    .zy-ys-item ul li a{ color:#000; }
    .zy-ys-item ul li a:hover{ color:#d80808; }
    #zj-ys-nav{ display:block; }
    #zj-ys-nav{ margin: 30px auto; text-align:center; padding-bottom:10px; }
    #zj-ys-nav span{ display:inline-block; padding:3px 10px; font-size:16px; background:#bbb; color:#fff; text-align:center; font-family:Arial; margin-right:10px; cursor:pointer; }
    #zj-ys-nav span.jd{ background:#9e1009; }


    .zj-about{ background:#f5f5f5; padding:0 8px 0px 8px;}
    .zj-about-c{ width:100%; margin:0 auto; }
    .zj-about-text{ float:none; width:100%; overflow:hidden; }
    .zj-about-text h2{ font-size:20px; margin:30px 0 10px 0; text-align:center; }
    .zj-about-text p{ font-size:12px; color:#000; line-height:22px; text-indent:2em; }
    .zj-about-text a{ display:block; width:auto; height:auto; line-height:initial; font-size:14px; color:#d80808;  margin:10px 0 30px 0; }
    .zj-about-text ul{ }
    .zj-about-text ul li{ display:inline-block; width:auto; height:auto; line-height:initial; padding:8px 11px; text-align:center; color:#000; background:#ddd; margin-right:5px; cursor:pointer; }
    .zj-about-text ul li.s{background:#9e1009; color:#fff; }
    .zj-about-text ul li:last-child{ display:none; }
    .zj-about-text ul li:nth-last-child(2){ margin-right:0; }
    .zj-about-img{ float:left; position:initial; margin-top:10px; width:100%;}
    .zj-about-img img{ width:100%; height:auto; display:block; position:initial;  }
    .zj-about-img .img-bg{ display:none; }


    .zj-news{ margin:0 8px 50px 8px; }
    .zj-news-title{ width:100%; margin:40px auto 20px auto; text-align:center; }
    .zj-news-title h2{ font-size:20px; }
    .zj-news-c{ width:100%; margin:0 auto; }
    .zj-news-c ul li{ float:none; margin-bottom:20px; }
    .zj-news-c ul li.right{ float:none; }
    .zj-news-c-img{ float:left; width:30%; }
    .zj-news-c-img img{ width:100%; height:auto; border:1px solid #ddd;}
    .zj-news-c-txt{ float:right; width:68%; margin-left:0; }
    .zj-news-c-txt a{ display:block; font-size:14px; color:#000; line-height:16px; width:98%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .zj-news-c-txt a:hover{ color:#d80808; }
    .zj-news-c-txt p{ font-size:12px; color:#aaa; margin-top:2px; line-height:20px; overflow:hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
    .zj-news-c-txt p a{ display:inline; font-size:12px; color:#aaa; }

    .zj-news-c ul.top4 { margin-top:30px; width:100%; }
    .zj-news-c ul.top4 li{ width:auto; border:1px solid #eee;  padding:5px 0px 5px 5px; margin-bottom:15px; }
    .zj-news-c ul.top4 li:hover{ border-color:#fc5959; }
    .zj-news-c ul.top4 li span{ color:#d80808; font-family:"PingFang SC, Hiragino Sans GB, Microsoft YaHei"; font-size:20px; font-weight:normal; letter-spacing:1px; display:inline-block; vertical-align:middle; margin-right:10px; }
    .zj-news-c ul.top4 li a{ color:#000; font-size:14px; display:inline-block; vertical-align:middle; width:86%;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .zj-news-c ul.top4 li a:hover{ color:#d80808; }

    .zj-qa{ margin:20px auto 0 auto; background:#fafafa; padding:16px 16px 0 16px; }
    .zj-qa h3{ margin-bottom:15px; font-size:18px; border-bottom:1px dashed #ccc; padding-bottom:10px; }
    .zj-qa ul li{ float:none; margin-right:0px; }
    .zj-qa ul li.right0{ margin-right:0px; }

    .zj-qa-q{ margin-bottom:10px; width:95%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .zj-qa-q span{ display:inline-block; background:#999; color:#fff; padding:3px 5px; font-size:14px; margin-right:10px; }
    .zj-qa-q a{ font-size:14px; color:#000; }
    .zj-qa-q a:hover{ color:#d80808; }
    .zj-qa-a span{ display:block; float:left; padding:3px 5px; margin-right:10px; background:#9e1009; color:#fff; font-size:14px; }
    .zj-qa-a p{ width:88%; float:left; color:#999; font-size:12px; line-height:22px; margin-top:-5px; }

    .zj-fridenlinks{ display:none; }

    .zj-footer{ background:#000; width:100%; overflow:hidden; margin-bottom:59px; }
    .zj-footer-c{ margin:0px auto; padding:15px; } 
    .zj-footer-c-1{ display:none; }
    .zj-footer-c-3{ display:none;}
    .zj-rz{ display:none; }
    .zj_cpr{ display:none; }
    .zj-footer-c-2{ float:none; width:100%; border:0; margin:0; padding:0px; }
    .zj-footer-c-2 li{ color:#fff; margin-bottom:10px; font-size:12px; width:96%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .zj-footer-c-2 li a{ color:#ddd; }
    .zj-footer-c-2 li:last-child{ margin-bottom:0; }


    .zj-footer-nav{ background:#730000; width:100%; overflow:hidden; height:60px; position:fixed; bottom:0; }
    .zj-footer-nav ul{  }
    .zj-footer-nav ul li{ float:left; width:25%; text-align:center; }
    .zj-footer-nav ul li a{ display:block; font-size:12px; color:#fff;  margin:0; padding:0; }
    .zj-footer-nav ul li a i{ display:block; font-size:24px; line-height:28px; color:#fff; padding-top:8px; }
    .zj-footer-nav ul li a span{ display:block; font-size:12px; color:#fff; padding-top:0px; }

    .mask{ opacity:0.8; }
    .xjd{ width:100%; height:auto; display:none; }
    .x_t{ margin:15px 10px 10px 10px; border-bottom:1px solid #ddd; padding-bottom:15px; }
    .x_t p{ font-size:20px; text-align:center; letter-spacing:5px; }
    .x_t i{ position:absolute; display:block; background:#999; color:#fff; font-weight:bold; right:10px; top:10px; font-size:16px; width:30px; height:30px; line-height:30px; text-align:center; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; -ms-border-radius:15px; -o-border-radius:15px; }
    .x_t i:hover{ background:#f00; color:#fff; }
    .xjd ul li span.bt{ color:#f00; margin-left:5px; font-size:14px;  }
    .xjd ul { margin:10px 0 30px 15px; }
    .xjd ul li{ padding:8px 0; font-size:12px; }
    .xjd ul li span{ display:inline-block; width:auto; margin-right:16px; font-size:13px; }
    .xjd ul li #proName{ display:inline-block; width:auto; }
    .xjd ul li input{ width:62%; height:34px; }
    .xjd ul li #txtCode{ width:30%; }
    .xjd ul li #imgCode{ height:35px; }
    .xjd ul li a{ display:inline-block; margin-top:20px; background:#0992be; color:#fff; width:185px; margin-right:20px; height:38px; line-height:38px; text-align:center; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px;}
    .xjd ul li span.btn{ display:inline-block; margin-right:0px; height:auto; line-height:initial; text-align:left; padding:8px 20px; width:auto; }
    .xjd ul li span.zxts1{ display:block; text-align:left; width:auto; margin-left:0px; margin-right:2px; margin-top:15px; color:#000; vertical-align:bottom; font-size:14px; }
    .xjd ul li span.zxts1 i{ font-size:18px; color:#d80808; }
}

/*
-webkit-line-clamp需要和 display、-webkit-box-orient 和 overflow 结合使用：

display: -webkit-box;  //必须结合的属性，将对象作为弹性伸缩盒子模型显示。
-webkit-box-orient: vertical; //必须结合的属性，设置伸缩盒子的子元素排列方式，vertical是从上到下排列
-webkit-line-clamp: 3;（行数）//不是css的规范属性，需要组合上面两个属性使用
text-overflow: ellipsis; //可选属性，可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本。
*/