@font-face { font-family: 'iconfont'; src: url('/IconFont/iconfont.eot'); src: url('/IconFont/iconfont.eot?#iefix') format('embedded-opentype'), url('/IconFont/iconfont.ttf') format('truetype'), url('/IconFont/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; }

body { background: #f5f5f5; }
.header { }
.header-topbar { background: #fafafa; height: 35px; line-height: 35px; border-bottom: 1px solid #eee; position: relative; }
.header-topbar-text { position: relative; width: 1250px; margin: 0 auto; }
.header-topbar-text p { float: left; font-size: 12px; color: #666; line-height: 35px; }
.operate { float: right; }
.operate span { margin-right: 20px; font-size: 12px; color: #666; cursor: pointer; }
.operate span b { display: inline-block; font-size: 11px; -webkit-transform: rotate(90deg); transform: rotate(90deg); margin-left: 3px; line-height: 33px; vertical-align: top; }
.operate span.fav { display: inline-block; background: url(/img/city/fav.png) left 9px no-repeat; padding-left: 20px; }
.operate a { font-size: 12px; color: #666; }
#share { display: none; position: absolute; right: 0; top: 36px; background: #fff; border: 1px solid #ccc; box-shadow: 2px 3px 7px rgba(0,0,0,0.3); -webkit-box-shadow: 2px 3px 7px rgba(0,0,0,0.3); }
.share-title { background: #f5f5f5; padding: 0 15px; font-weight: bold; font-size: 15px; }
.social-share { margin: 15px 15px; }

.header-middle { background: #fff; height: 116px; }
.header-middle ul { width: 1250px; margin: 0 auto; height: 100px; }
.header-middle ul li { float: left; }
.header-middle ul li .logo { display: block; width: 194px; height: 51px; margin-top: 26px; background: url(/images/logo.png) left bottom no-repeat; }

.header-middle ul li:nth-child(2) { width: 680px; margin-left: 50px; padding-left: 20px; height: 68px; margin-top: 28px; }
.search { width: 100%; margin: 0 auto; padding: 0; }
.search-box { margin: 0px auto; text-align: center; height: 50px; }
.ss-range { float: left; position: relative; border: 2px solid #ef1f1f; padding: 0 15px; height: 36px; line-height: 36px; border-right: none; font-size: 14px; cursor: pointer; }
.ss-range:hover { border-bottom: none; }
.ss-range:hover .ss-range-item { display: block; }
.ss-range span { display: inline-block; color: #666; }
.ss-range b { display: inline-block; font-size: 16px; -webkit-transform: rotate(90deg); transform: rotate(90deg); margin-left: 8px; line-height: 32px; vertical-align: top; }
.ss-range i { width: 1px; height: 14px; border-left: solid 1px #D8D8D8; position: absolute; top: 13px; right: 0px; }
.ss-range .ss-range-item { display: none; position: absolute; left: -2px; top: 36px; border: 2px solid #ef1f1f; border-top: 0; width: 80px; z-index: 9999999; background: #fff; }
.ss-range .ss-range-item span { display: block; color: #000; cursor: pointer; }
.ss-range .ss-range-item span:hover { background: #eee; }
.ss-input { float: left; }
.ss-input .input-box { width: 460px; height: 40px; line-height: 40px; border: 2px solid #ef1f1f; outline: none; border-left: none; padding-left: 15px; font-size: 14px; }
.ss-submit { float: left; }
.ss-submit a { display: block; background: #e60012; color: #fff; width: 100px; height: 40px; line-height: 40px; text-align: center; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
.ss-submit a:hover { background: #f00; color: #fff; text-decoration: none; }
.ss-submit span { display: inline-block; color: #fff; line-height: 40px; font-size: 15px; }
.ss-submit .icon { width: 18px; height: 18px; fill: currentColor; vertical-align: -3px; overflow: hidden; margin-right: 8px; }
.ss-submit #icon-search { color: #fff; }

.search-tip { }
.search-tip span { font-size: 12px; color: #999; }

.header-middle ul li:nth-child(3) { float: right; background: url(/images/icons.png) -434px -973px no-repeat; padding-left: 46px; }
.header-middle ul li:nth-child(3) span { display: block; }
.header-middle ul li:nth-child(3) span:nth-child(1) { font-size: 12px; text-align: right; margin-top: 22px; color: #333; }
.header-middle ul li:nth-child(3) span:nth-child(2) { font-size: 28px; color: #d80808; line-height: 28px; }
#nav-menu { display: none; }
.mobile-header-topbar { display: none; }
#product-part-nav-mobile { display: none; }


.header-nav { width: 100%; background: #fff; border-bottom: 2px solid #e60012; padding-top: 8px; }
.header-nav #mobile-nav-mask { display: none; }
.header-nav-c { width: 1250px; margin: 0 auto; position: relative; }
.header-nav-product { width: 220px; height: 42px; line-height: 42px; text-align: center; font-size: 14px; background: #e60012; color: #fff; border-top-left-radius: 5px; border-top-right-radius: 5px; position: relative; }
.header-nav-product:hover .header-nav-product-c { display: block; }
.header-nav-product .icon { width: 18px; height: 18px; fill: currentColor; color: #fff; vertical-align: -3px; overflow: hidden; margin-right: 3px; }
.header-nav-product #icon-whole { color: #fff; }
.header-nav-product span { font-size: 16px; font-weight: bold; }

.header-nav-product-c { display: none; position: absolute; left: 0; top: 42px; width: 218px; background: #fff; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border: 1px solid #e60012; border-top: none; z-index: 10000; box-shadow: 2px 3px 15px rgba(0,0,0,0.2); -webkit-box-shadow: 2px 3px 15px rgba(0,0,0,0.2); }
.header-nav-product-c ul { padding: 10px 0; position: relative; }
.header-nav-product-c ul li a { display: block; padding: 10px 0 10px 50px; line-height: normal; text-align: left; }
.header-nav-product-c ul li a:hover { background: #ffeded; }
.header-nav-product-c ul li a:hover span { color: #e60012; }
.header-nav-product-c ul li a span { display: block; color: #333; font-weight: bold; font-size: 14px; width: 204px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.header-nav-product-c ul > li:nth-child(1) > a { background: url(/images/nav/cplogo.png) 16px 13px no-repeat; }
.header-nav-product-c ul > li:nth-child(2) > a { background: url(/images/nav/cplogo.png) 18px -1169px no-repeat; }
.header-nav-product-c ul > li:nth-child(3) > a { background: url(/images/nav/cplogo.png) 18px -88px no-repeat; }
.header-nav-product-c ul > li:nth-child(4) > a { background: url(/images/nav/cplogo.png) 16px -191px no-repeat; }
.header-nav-product-c ul > li:nth-child(5) > a { background: url(/images/nav/cplogo.png) 18px -388px no-repeat; }
.header-nav-product-c ul > li:nth-child(6) > a { background: url(/images/nav/cplogo.png) 18px -488px no-repeat; }
.header-nav-product-c ul > li:nth-child(7) > a { background: url(/images/nav/cplogo.png) 18px -589px no-repeat; }
.header-nav-product-c ul > li:nth-child(8) > a { background: url(/images/nav/cplogo.png) 18px -690px no-repeat; }
.header-nav-product-c ul > li:nth-child(9) > a { background: url(/images/nav/cplogo.png) 18px -891px no-repeat; }
.header-nav-product-c ul > li:nth-child(10) > a { background: url(/images/nav/cplogo.png) 18px -789px no-repeat; }
.header-nav-product-c ul > li:nth-child(11) > a { background: url(/images/nav/cplogo.png) 18px -289px no-repeat; }
.header-nav-product-c ul > li:nth-child(12) > a { background: url(/images/nav/cplogo.png) 18px -989px no-repeat; }
.header-nav-product-c ul > li:nth-child(13) > a { background: url(/images/nav/cplogo.png) 18px -1089px no-repeat; }


.header-nav-product-c ul li div { position: absolute; border: 0 solid #e60012; border-top: none; left: 218px; top: 2px; width: 0; height: 524px; background: #fff; overflow: hidden; opacity: 0.98; z-index: 10000; box-shadow: 2px 3px 15px rgba(0,0,0,0.2); -webkit-box-shadow: 2px 3px 15px rgba(0,0,0,0.2); }
.header-nav-product-c ul li div ol { margin: 30px 15px; width: 1010px; }
.header-nav-product-c ul li div ol li { text-align: center; float: left; margin-bottom: 30px; border-right: 1px solid #eee; padding: 0 10px; }
.header-nav-product-c ul li div ol li a { padding: 0; margin: 0; }
.header-nav-product-c ul li div ol li a:hover { background: none; }
.header-nav-product-c ul li div ol li a:hover span { color: #d80808; }
.header-nav-product-c ul li div img { display: block; margin: 0 auto; text-align: center; height: 80px; }
.header-nav-product-c ul li div span { display: block; font-size: 12px; text-align: center; margin: 10px auto 0 auto; color: #999; font-weight: normal; }

.header-nav-menu { position: absolute; left: 220px; top: 0; }
.header-nav-menu > li { float: left; margin-left: 40px; }
.header-nav-menu > li:first-child { width: 35px; background: url(/images/nav/hp.jpg) left top no-repeat; overflow: hidden; }
.header-nav-menu > li:first-child a { text-indent: 3em; }
.header-nav-menu > li:nth-child(2n) { margin-left: 39px; width: 1px; height: 16px; position: relative; }
.header-nav-menu > li:nth-child(2n) i { display: block; position: absolute; width: 1px; height: 16px; left: 0; top: 14px; background: #ddd; }
.header-nav-menu > li a { display: block; height: 42px; line-height: 42px; font-size: 16px; font-weight: bold; color: #000; }
.header-nav-menu > li a:hover { color: #e60012; }

#pro-center { }
#pro-center-list { position: absolute; left: -220px; top: 43px; width: auto; height: 0px; background: #fff; z-index: 100; overflow: hidden; opacity: 0.98; box-shadow: 2px 3px 15px rgba(0,0,0,0.2); -webkit-box-shadow: 2px 3px 15px rgba(0,0,0,0.2); }
#pro-center-list ol { margin: 30px auto 0 auto; width: 1250px; height: 136px; }
#pro-center-list ol li { text-align: center; float: left; }
#pro-center-list ol li a { padding: 0; margin: 0; color: #000; }
#pro-center-list ol li a:hover { background: none; }
#pro-center-list ol li a:hover span { color: #d80808; }
#pro-center-list img { display: block; margin: 0; border-right: 1px solid #eee; padding: 0 60px; height: 96px; }
#pro-center-list ol:last-child img { padding: 0 55px; }
#pro-center-list ol li:nth-child(5n) img, #pro-center-list ol li:last-child img { border-right: 0; }
#pro-center-list span { display: block; margin-top: 10px; font-size: 14px; line-height: initial; }

.topbar-nav-fixed { position: fixed; z-index: 100000; left: 0; top: -100px; background: #fff; width: 100%; height: 80px; -webkit-transition: top .3s linear; transition: top .3s linear; box-shadow: 2px 3px 15px rgba(0,0,0,0.3); -webkit-box-shadow: 2px 3px 15px rgba(0,0,0,0.3); }
.topbar-nav-fixed-content { width: 1250px; height: 80px; margin: 0 auto; }
.topbar-nav-fixed ul li .logo { display: block; width: 194px; height: 51px; margin-top: 13px; background: url(/images/zj-logo.png) left bottom no-repeat; }
.topbar-nav-fixed ul li .search { margin-top: 19px; }
.topbar-nav-fixed ul li .search .search-box { height: auto; }
.topbar-nav-fixed ul li { float: left; }
.topbar-nav-fixed ul li:last-child { float: right; }
.topbar-nav-fixed ul li:nth-child(2) { margin: 0 50px 0 50px; }
.topbar-nav-fixed .ss-range .ss-range-item { }
.topbar-nav-fixed ul li .search .search-box .ss-input .input-box { width: 420px; }
.topbar-nav-fixed ul li .search .search-box .pro-btn { float: left; margin-left: 10px; }
.topbar-nav-fixed ul li .search .search-box .pro-btn > span { display: block; border: 1px solid #f00; background: #fff; text-align: center; width: 100px; height: 38px; line-height: 38px; border-radius: 5px; color: #e60012; font-size: 15px; }
.topbar-nav-fixed ul li .search .pro-btn { position: relative; }
.topbar-nav-fixed ul li .search .pro-btn .nav-fixed-pro-list { display: none; position: absolute; left: -862px; width: 1250px; top: 40px; background: #fff; z-index: 100; overflow: hidden; opacity: 0.98; box-shadow: 2px 3px 15px rgba(0,0,0,0.3); -webkit-box-shadow: 2px 3px 15px rgba(0,0,0,0.3); }
.topbar-nav-fixed ul li .search .pro-btn .nav-fixed-pro-list .nav-fixed-pro-list-wrapper { margin: 20px auto; }
.topbar-nav-fixed ul li .search .pro-btn .nav-fixed-pro-list ol { margin: 50px 0 0 80px; width: 1118px; height: 136px; text-align: center; }
.topbar-nav-fixed ul li .search .pro-btn .nav-fixed-pro-list ol li { text-align: center; float: left; margin: 0; padding: 0; }
.topbar-nav-fixed ul li .search .pro-btn .nav-fixed-pro-list ol li a { padding: 0; margin: 0; color: #000; }
.topbar-nav-fixed ul li .search .pro-btn .nav-fixed-pro-list ol li a:hover { background: none; }
.topbar-nav-fixed ul li .search .pro-btn .nav-fixed-pro-list ol li a:hover span { color: #d80808; }
.topbar-nav-fixed ul li .search .pro-btn .nav-fixed-pro-list img { display: block; margin: 0; border-right: 1px solid #eee; padding: 0 55px; height: 80px; }
.topbar-nav-fixed ul li .search .pro-btn .nav-fixed-pro-list ol li:nth-child(5n) img { border-right: 0; }
.topbar-nav-fixed ul li .search .pro-btn .nav-fixed-pro-list span { display: block; margin-top: 10px; font-size: 12px; line-height: initial; }
.topbar-nav-fixed .topbar-nav-fixed-content > ul > li:nth-child(3) { margin-top: 14px; }
.topbar-nav-fixed .topbar-nav-fixed-content > ul > li:nth-child(3) i { display: inline; font-size: 36px; color: #9e1009; vertical-align: middle; }
.topbar-nav-fixed .topbar-nav-fixed-content > ul > li:nth-child(3) span { display: inline; font-size: 28px; color: #d80808; margin-left: 2px; vertical-align: middle; font-family: Arial; }
#mobile-header-curpos{ display:none; }

.part { background: #ffffff; border-radius: 5px; width: 1250px; margin: 15px auto 0 auto; overflow: hidden; }
.part-title { margin: 25px 30px 20px 30px; }
.part-title h1, .part-title h2 { float: left; line-height: initial; }
.part-title h1 span, .part-title h2 span { font-size: 24px; color: #000; font-weight: 700; }
.part-title p { float: left; margin: 9px 0 0 20px; font-size: 12px; color: #888; width: 940px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.part-title-short p { width: 480px; }
.part-title p a { display: inline-block; font-size: 13px; margin-right: 0px; color: #999; font-weight: 400; font-style: normal; }
.part-content { padding-bottom: 40px; width: 1190px; margin: 0 auto; text-align: center; }
.part-title .list-mode { display: none; }
.tuijian-part div p a{ margin-right:20px; }

.zj-pager { margin: 20px auto 20px auto; text-align: center; font-family: 宋体; font-size: 14px; }
.zj-pager a { font-family: Arial; font-size: 14px; color: #111; background: #fff; border: 1px solid #ccc; text-decoration: none; margin-left: 6px; display: inline-block; height: 28px; line-height: 28px; width: 28px; text-align: center; vertical-align: middle; }
.zj-pager a:hover { color: #fff; background: #9e1009; border: 1px solid #980c25; }
.zj-pager a.zj-pager-pre, .zj-pager a.zj-pager-next { width: 64px; }
.zj-pager span { font-family: Arial; font-size: 14px; color: #fff; background: #333; border: 1px solid #111; margin-left: 8px; display: inline-block; height: 28px; line-height: 28px; width: 28px; text-align: center; vertical-align: middle; }
.zj-pager span.zj-pager-sel { color: #fff; background: #9e1009; border: 1px solid #980c25; font-weight: bold; }
.zj-pager span.zj-pager-nopage { width: 64px; background: #eee; color: #aaa; border: 1px solid #ddd; }


.case-part .case-part-title p a { color: #aaa; margin: 0; }
.case-part .case-part-title p { width: 1060px; }
.case-part ul { margin: 0 0 20px 28px; }
.case-part li { float: left; margin-right: 12px; background: #f5f5f5; padding: 15px; }
.case-part li:nth-child(3n) { margin-right: 0; }
.case-part li img { width: 360px; height: 240px; display: block; margin-bottom: 6px; }
.case-part li a { display: block; color: #000; font-size: 14px; text-align: center; }
.case-part li a:hover { color: #d80808; }
.case-part ul li.more-link { display: none; }

.part-mix { width: 1250px; margin: 15px auto; background: none; }
.part-mix-left { float: left; width: 735px; background: #ffffff; }
.part-mix-left-content { margin: 30px 30px 30px 30px; width: auto; height: 800px; position: relative; overflow: hidden; }
.part-mix-left-content .lcbg { position: absolute; left: 0; top: 0;/* background: url(/images/cpdz.png) 0 0 no-repeat;*/ width: 668px; height: 538px; }
.part-mix-left-content .lcbg img{ width:100%; height:auto; }
.part-mix-left-content ul { margin: 5px 0 0 0; }
.part-mix-left-content ul li { float: left; width: 180px; height: 230px; background: #2b7ef1; border-radius: 10px; margin-right: 60px; margin-bottom: 68px; }
.part-mix-left-content ul li:nth-child(3n) { margin-right: 0; }
.part-mix-left-content ul li span { display: block; color: #fff; margin: 110px auto 0 auto; text-align: center; font-size: 24px; }
.part-mix-left-content ul li p { color: #fff; margin: 10px auto 0 auto; width: 141px; text-align: center; }

.service-tab { margin: 0 0 0 0; }
.service-tab-title { }
.service-tab-title span { display: inline-block; margin-right: 30px; background: #f2f2f2; border-radius: 21px; padding: 5px 25px; color: #000; font-size: 16px; font-weight: bold; cursor: pointer; }
.service-tab-title span.active { background: #e60012; color: #fff; }
.service-tab-content { }
.item-ts1 { }
.item-ts2, .item-ts3 { display: none; }
.service-tab-content ol { margin-top: 30px; margin-left: 30px; }
.service-tab-content ol:last-child { margin-bottom: 0px; }
.service-tab-content li { list-style: decimal; margin-bottom: 12px; color: #666; font-size: 15px; }

.part-mix-right { float: right; width: 500px; }
.part-small { background: #ffffff; border-radius: 5px; margin: 0 auto; overflow: hidden; }
.part-small-title { margin: 25px 30px 20px 30px; }
.part-small-title h2 { line-height: initial; }
.part-small-title h2 span { font-size: 20px; color: #000; font-weight: 700; }
.part-small-title p { float: left; margin: 12px 0 0 20px; }
.part-small-title p.non-h1 { margin-top: 7px; }
.part-small-title p a { display: inline-block; font-size: 13px; margin-right: 20px; color: #999; font-weight: 400; font-style: normal; }
.part-small-content { }

.news { width: 100%; padding-bottom: 30px; margin-bottom: 15px; }
.news-wrapper { height: 506px; overflow: hidden; width: 500px; }
#news-list { }
#news-list li { margin: 0 25px; padding: 25px 0; border-bottom: 1px dashed #ccc; float: none; }
#news-list li h4 { margin-top: 0; margin-bottom: 15px; }
#news-list li h4 a,#news-list li h4 b { color: #000; font-size: 14px; font-weight: bold; }
#news-list li h4 span { display: inline-block; background-color: #e60012; color: #fff; padding: 1px 3px; text-align: center; margin-right: 6px; font-size: 12px; }
#news-list li div > span { float: left; background-color: #aaa; color: #fff; padding: 1px 4px 0; text-align: center; margin-top: 0px; margin-right: 10px }
#news-list li div > div { float: left; width: 385px; background: #f8f8f8; padding: 10px 15px; }
#news-list li div > div p { text-indent: 2em; font-size: 12px; color: #888; line-height: 20px; margin: 0 0 8px 0; padding: 0; }
#news-list li div > div ul, #news-list li div > div ol {  margin-left:30px; }
#news-list li div > div ul li{border-bottom:0; padding:3px 0; margin:0; list-style:circle; }
#news-list li div > div ol li {border-bottom:0; padding:3px 0; margin:0; list-style:decimal; }
#news-list li div > div ul li p, #news-list li div > div ol li p{text-indent: 0; }
#news-list li div > div.nolink p { margin-left: 3px; text-indent:0; }



.khkb { width: 100%; padding-bottom: 30px; }
.koubei-wrapper { background: #fff; padding: 0px 30px; height: 190px; overflow: hidden; }
.koubei-wrapper li { border-bottom: 1px dashed #ccc; padding: 20px 0; }
.koubei-wrapper h6 { font-size: 14px; font-weight: bold; margin-bottom: 8px; }
.koubei-wrapper h6 span { margin-left: 20px; font-size: 13px; }
.koubei-wrapper p { color: #999; font-size: 13px; line-height: 20px; text-indent: 2em; }


.part-factory { margin-bottom: 15px; }
.part-factory .part-title p { width: 860px; }
.cj-info img { float: left; display: block; height: 399px; width: 600px; }
.cj-info .cj-info-text { float: left; background: #f5f5f5; width: 550px; height: 359px; text-align: left; padding: 20px; }
.cj-info-text h4 { font-size: 26px; color: #000; }
.cj-info-text p { text-indent: 2em; font-size: 12px; color: #666; line-height: 22px; margin-top: 10px; }

.cj-tab { }
.cj-tab-t { margin: 50px 0 15px 0; }
.cj-tab-t h4 { float: left; margin-right: 30px; background: #f2f2f2; border-radius: 4px; padding: 5px 25px; color: #000; font-size: 16px; font-weight: bold; cursor: pointer; }
.cj-tab-t h4.active { background: #e60012; color: #fff; }
.cj-tab-c { }
.cj-tab-c-2 { display: none; }
.cj-tab-c ul { }
.cj-tab-c ul li { float: left; margin-right: 16px; border-radius: 10px; box-shadow: 0 2px 5px rgba(0,0,0,0.2); -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.2); }
.cj-tab-c ul li:last-child { margin-right: 0; }
.cj-tab-c-1 ul li img { float: none; width: 224px; height: 183px; display: block; border-radius: 10px 10px 0 0; }
.cj-tab-c ul li span { display: block; text-align: center; padding: 10px 0; background: #f5f5f5; font-size: 13px; color: #000; }

.cj-tab-c-2 ul li img { float: none; width: 224px; height: 317px; display: block; border-radius: 10px 10px 0 0; border-radius: 0; }
.cj-tab-c-2 ul li { border-radius: 0px; box-shadow: none; -webkit-box-shadow: none; }
.cj-tab-c-2 ul li span { display: block; text-align: center; padding: 6px 0; background: none; font-size: 13px; color: #000; }


.footer { background: url(/images/footerbg.png) left top no-repeat; padding-top: 50px; margin-top: 50px; }
.footer-c { width: 1250px; margin: 0px auto; padding-top: 50px; padding-bottom: 40px; }
.footer-top { }
.footer-top-left { float: left; border-right: 1px solid #333; /*border-image:linear-gradient(to bottom, #1f1f1f 10%, #666 80%, #1e1e1e 100%) 1 1 1 1;*/ padding-top: 10px; }
.footer-top-left dl { width: 240px; margin-right: 40px; }
.footer-top-left dl dt, .footer-top-middle dl dt { margin-bottom: 20px; }
.footer-top-left dl dt span, .footer-top-middle dl dt span { color: #fff; font-size: 22px; padding-bottom: 10px; border-bottom: 1px solid #fff; display: inline-block; }
.footer-top-left dl dd { float: left; font-size: 14px; margin-right: 30px; margin-bottom: 15px; }
.footer-top-middle { float: left; width: 440px; border-right: 1px solid #333; margin-left: 80px; padding-right: 30px; padding-top: 10px; }
.footer-top-middle dl dd { margin-bottom: 15px; font-size: 14px; color: rgba(255,255,255,0.5); }
.footer-top-middle dl dd span { color: #fff; font-family: 'Microsoft YaHei'; font-size: 16px; }
.footer-top-right { float: left; /*width: 400px;*/ margin-left: 80px; padding-top: 50px; }
.footer-top-right div { float: left; margin-right: 40px; }
.footer-top-right div:last-child { margin-right: 0px; }
.footer-top-right img { display: block; margin-bottom: 5px; }
.footer-top-right span { display: block; color: #fff; font-size: 12px; text-align: center; }
.footer-top dl dd a { color: rgba(255,255,255,0.5); font-size: 14px; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }
.footer-top dl dd a:hover { color: #fff; }

.cer-site { text-align: center; margin: 50px 0 0 0; }
.cer-site a { width: 110px; height: 47px; margin: 0 20px; display: inline-block; }
.cer-site a:nth-child(1) { background: url(/images/icons.png) -560px top no-repeat; }
.cer-site a:nth-child(2) { background: url(/images/icons.png) -670px top no-repeat; }
.cer-site a:nth-child(3) { background: url(/images/icons.png) -780px top no-repeat; }
.cer-site a:nth-child(4) { background: url(/images/icons.png) -890px top no-repeat; }
.cer-site 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: 12px; color: #ccc; }
.zj_cpr p a { color: #ddd; }

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

.zxkf-bottom { background: #a71427; width: 121px; height: 96px; padding: 20px 10px; }
.zxkf-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; }
.zxkf-bottom span:hover { color: #ff0; }
.zxkf-bottom div { font-size: 12px; color: #370108; text-align: center; }

input { outline: none; }
.xunjiadan { display: none; position: fixed; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0,0,0,.7); text-align: center; z-index: 9999; }
.xunjiadan .xunjiadan-container + i { display: inline-block; vertical-align: middle; height: 100%; }
.xunjiadan .xunjiadan-container { max-width: 780px; width: 90%; background: #FFFFFF; display: inline-block; vertical-align: middle; position: relative; }
.xunjiadan .xunjiadan-close-btn { cursor: pointer; position: absolute; top: 12px; right: 12px; width: 40px; height: 40px; }
.xunjiadan .xunjiadan-close-btn span { display: block; font-size: 18px; margin: 0; padding: 0; background-color: transparent; }
.xunjiadan .xunjiadan-close-btn span:hover { color: #f00; }
.xunjiadan .xunjiadan-content { padding: 45px 70px 65px; text-align: left; }
.xunjiadan .tit { margin-bottom: 30px; position: relative; text-align: center; font-size: 26px; color: #333333; padding-bottom: 20px; font-weight: bold; letter-spacing: 5px; }
.xunjiadan .tit:after { content: ""; position: absolute; bottom: 0; left: 50%; margin-left: -17px; width: 34px; height: 2px; background: #ae5b08; }
.xunjiadan .box { max-width: 540px; margin: 0 auto; position: relative; padding-right: 100px; }
.xunjiadan .box .in { position: relative; float: left; width: 49%; margin: 0 0 20px 0; }
.xunjiadan .box .in:nth-child(2n) { float: right; }
.xunjiadan .box .in input { display: block; width: 82%; padding: 0 12px; font-size: 13px; line-height: 34px; height: 34px; border: 1px solid #e5e5e5; }
.xunjiadan .box .in label { position: absolute; top: 11px; left: 8px; font-size: 13px; line-height: 14px; color: #aaa; padding: 0 6px; background: #fff; }
.xunjiadan .box .in label span { font-size: 14px; color: #ff0000; margin-right: 6px; vertical-align: middle; }
.xunjiadan .box .in input:focus { border-color: #cb0707; }

.xunjiadan .box .row img { height: 34px; }
.xunjiadan .box .right { position: absolute; top: 0; right: 0; cursor: pointer; background: #9e1009; color: #FFFFFF; font-size: 13px; padding: 24px 18px; line-height: 22px; text-align: center; }
.xunjiadan .box-text { margin-top: 15px; color: #8a8a8a; text-align: center; letter-spacing: 1px; }
.xunjiadan .box-text span { font-size: 16px; }
.xunjiadan .box-text i { font-style: normal; color: #ae5b08; font-size: 16px; }
.xunjiadan .box-text em { font-style: normal; padding-left: 50px; color: #ae5b08; font-size: 16px; }
.xunjiadan .box-text em:before { content: ""; display: inline-block; margin: 0 42px 3px 0; width: 6px; height: 6px; border-radius: 50%; background: #ae5b08; }
.xunjiadan .box-text em b { font-style: normal; font-weight: lighter; /*color:#c00; */ font-family: Arial; font-size: 18px; }

.qr-code { margin-top: 38px; }
.qr-code div { position: relative; float: left; width: 33%; cursor: pointer; }
.qr-code div span { font-size: 12px; }
.qr-code div img { width: 100px; height: 100px; vertical-align: middle; }
.qr-code div p { position: absolute; background: #fff; padding: 5px; opacity: 0; -webkit-transition: opacity .5s; transition: opacity .5s; border: 1px solid #f1f1f1; }
.qr-code div:hover p { opacity: 1; }
.qr-code div p img { width: 150px; height: auto; }

@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; }
    .header{ background:#fff; }
    .header-topbar { display: none; }
    .header-topbar-text { display: none; }
    .header-middle { display: none; }

    .mobile-header-topbar { display: block; width: 100%; background: #fff; position: fixed; left: 0; top: 0; height: auto; z-index: 10; }
    .shadow { box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4); }
    ::-webkit-search-cancel-button { display: none; -webkit-appearance: none; }
    input[type="search"] { outline: none; }
    .header-nav { display: none; }

    .m-topbar-normal{ padding: 14px 10px; }
    #logo-container{ display:block; float:left; /*width:35%;*/ }
    #logo-container img{ display:block; height: 30px; margin-top:0px; }
    #search-pos-border{ float:left; cursor:pointer; background:#f5f5f5; height:32px; line-height:32px; padding:0; color:#999; border-radius:20px; width: 38%; margin-left:20px; }
    #product-nav-btn{ float:right; cursor:pointer; height:30px; line-height:30px; padding:0;  }
    #search-pos-border img{ width:16px; vertical-align:sub; margin-left: 12px; }
    #search-pos-border span{ margin-left:6px; vertical-align:top; font-size:13px; }
    #product-nav-btn span{ font-size:12px;color:#888; }
    #product-nav-btn img { vertical-align:text-bottom; margin-right:5px;}

    .m-topbar-search{ width:100%; position:fixed; left:0; top:0; margin:-61px 0 0 0; background:#fff; height:60px; line-height:60px; z-index:12; overflow:hidden; }
    .m-topbar-search .searchBox{ display:block; float:left; margin:10px 10px; border:1px solid #eeecec; background-color:#f6f6f6; border-radius: 25px; width: 80%; height: 38px; line-height:38px; }
    .m-topbar-search .searchLogo{ display:inline-block; width:18px; height:18px; margin-left:15px; margin-right:8px; vertical-align:text-bottom; }
    .m-topbar-search input{ display:inline-block; height: 36px; line-height:36px; font-size:12px; color:#000; border:0; background:#f6f6f6; width:60%; }
    .m-topbar-search .searchButton { display:block; float:right; cursor:pointer; width:66px; height: 36px; line-height:36px; text-align: center; background:#c91806;; border-radius: 20px; color:#fff; font-size: 12px; margin-top:1px; margin-right:2px; }
    ::-webkit-search-cancel-button{ display: none; -webkit-appearance: none; }
    .search-cancel{ float:right; margin:0 17px 0 0; line-height:60px; cursor:pointer; }
    .search-cancel span{ color:#000; display:block; font-size:16px;  }

    .m-topbar-product-nav{ position:fixed; left:0; top:60px; background:#fff; width:100%; margin:0 0 0 0; opacity:0; z-index:9; border-top:1px solid #f2f2f2; overflow:hidden;
                                 box-shadow:8px 8px 8px rgba(0,0,0,0.3); -webkit-box-shadow:8px 8px 8px rgba(0,0,0,0.3);}
    .m-topbar-product-nav ul{ margin:15px 10px; }
    .m-topbar-product-nav ul li{ float:left; width:31%; height:88px; background-color:#ffffff; border:1px solid #eee; border-radius: 10px; margin:0 9px 12px 0; position: relative; }
    .m-topbar-product-nav ul li:nth-child(3n){ margin-right:0; }
    .m-topbar-product-nav ul li:nth-child(7n){ margin-right:9px; }
    .m-topbar-product-nav ul li a{ display:block; color:#000; width: 100%; height: 100%; }
    .m-topbar-product-nav ul li a span{ display:block; font-size: 12px; font-weight:bold; margin: 8px auto 0 auto; text-align: center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .m-topbar-product-nav ul li a img{ display:block; height:50px; width:auto; position:absolute; right:16px; bottom:0; opacity: 0.89; }
    .m-topbar-product-nav ul li:nth-child(1){ background:#e1eef6; }
    .m-topbar-product-nav ul li:nth-child(2){ background:#f6f3e1; }
    .m-topbar-product-nav ul li:nth-child(3){ background:#f5e1f6; }
    .m-topbar-product-nav ul li:nth-child(4){ background:#fcf3f2; }
    .m-topbar-product-nav ul li:nth-child(5){ background:#f3fcf2; }
    .m-topbar-product-nav ul li:nth-child(6){ background:#f7e7e7; }
    .m-topbar-product-nav ul li:nth-child(7){ background:#e4ecf1; }
    .m-topbar-product-nav ul li:nth-child(8){ background:#f8e4e4; }
    .m-topbar-product-nav ul li:nth-child(9){ background:#cef4f5; }
    .m-topbar-product-nav ul li:nth-child(10){ background:#fff9ed; }
    .m-topbar-product-nav ul li:nth-child(11){ background:#ede6ef; }
    .m-topbar-product-nav ul li:nth-child(12){ background:#d5f6db; }
    .m-topbar-product-nav ul li:nth-child(13){ background:#ebf5e6; }
    .m-topbar-product-nav ul li:nth-child(14){ background:#dfe9f0; }
    .m-topbar-product-nav ul li:nth-child(15){background: url(/images/nav/morebg.jpg) 0 center repeat;}
    .m-topbar-product-nav ul li:nth-child(15) i{ font-size:30px;  display: block; color: #fff; text-align: center; margin: 10px auto; }
    .m-topbar-product-nav ul li:nth-child(1) a img{ right:18px; height:43px;}
    .m-topbar-product-nav ul li:nth-child(2) a img{ right:35px;}
    .m-topbar-product-nav ul li:nth-child(3) a img{ right:19px; height:43px;}
    .m-topbar-product-nav ul li:nth-child(4) a img{ right:18px; height:43px;}
    .m-topbar-product-nav ul li:nth-child(5) a img{ right:8px; height:40px;}
    .m-topbar-product-nav ul li:nth-child(6) a img{ right:12px; height:43px;}
    .m-topbar-product-nav ul li:nth-child(7) a img{ right:33px; height:50px;}
    .m-topbar-product-nav ul li:nth-child(8) a img{ right:32px; height:48px;}
    .m-topbar-product-nav ul li:nth-child(9) a img{ right:18px; height:50px;}
    .m-topbar-product-nav ul li:nth-child(10) a img{ right:18px; height:43px;}
    .m-topbar-product-nav ul li:nth-child(11) a img{ right:18px; height:50px;}
    .m-topbar-product-nav ul li:nth-child(12) a img{ right:16px; height:45px;}
    .m-topbar-product-nav ul li:nth-child(13) a img{ right:26px; height:50px;}
    .m-topbar-product-nav ul li:nth-child(14) a img{ right:25px; height:50px;}
    .m-topbar-product-nav ul li:nth-child(15) a img{ right:32px; height:48px;}

    #mobile-header-curpos{ display:block; width:100%; background:#fff; margin-top:60px; border-top:1px solid #f5f5f5; }
    #mobile-header-curpos div{ margin: 10px 10px 0 10px; font-size:12px; background:url(/images/pos.png) left center no-repeat; padding-left:22px; height:25px; line-height:25px; }
    #mobile-header-curpos div i{ font-style:normal; font-weight:bold; }
    #mobile-header-curpos div a{ color:#888; }
    #mobile-header-curpos div span{ color:#888; }
    
    #mobile-product-nav { display: block; width: 100%; margin: 0px auto 0 auto; padding-top: 10px; background-color: #fff; }
    .mobile-product-cate { margin: 0px 10px 0 10px; padding-top: 0px; }
    .mobile-product-cate-title { font-size: 20px; margin: 0 0 10px 0; }
    .mobile-product-cate ul li { float: left; width: 31%; background-color: #ffffff; height: 76px; border: 1px solid #eee; border-radius: 10px; margin: 0 9px 12px 0; position: relative; }
    .mobile-product-cate ul li:nth-child(3n) { float: right; margin-right: 0; }
    .mobile-product-cate ul li:nth-child(1) { background-color: #f9f9f5; }
    .mobile-product-cate ul li:nth-child(2) { background-color: #cef4f5; }
    .mobile-product-cate ul li:nth-child(3) { background-color: #ffedcb; }
    .mobile-product-cate ul li:nth-child(4) { background-color: #f6f7e7; }
    .mobile-product-cate ul li:nth-child(5) { background-color: #ebe6df; }
    .mobile-product-cate ul li:nth-child(6) { background: url(/images/nav/morebg.jpg) 0 center repeat;}
    .mobile-product-cate ul li a { display: block; color: #000; width: 100%; height: 100%; }
    .mobile-product-cate ul li span { display: block; font-size: 12px; font-weight: bold; margin: 8px auto 0 auto; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .mobile-product-cate ul li img { display: block; height: 36px; width: auto; position:initial; text-align:center; margin:13px auto 0 auto;  }
    .mobile-product-cate ul li:nth-child(1) img { height:39px; margin-top:12px; }
    .mobile-product-cate ul li:nth-child(2) img { height:40px; margin-top:11px; }
    .mobile-product-cate ul li:nth-child(3) img { height:40px; margin-top:12px; }
    .mobile-product-cate ul li:nth-child(4) img { height:39px; margin-top:12px; }
    .mobile-product-cate ul li:nth-child(5) img { height: 42px;margin-top:9px; }
    .mobile-product-cate ul li img.more { height: 32px; margin-top:10px; }


    .part { width: auto; margin: 10px 8px 10px 8px; background: #fff; }
    .product-part { width: auto; background: #fff; overflow: hidden; border-radius: 10px; }
    .part-title { margin: 15px 0 5px 12px; position: relative; }
    .part-title h1, .part-title h2 { float: left; line-height: initial; }
    .part-title h1 span, .part-title h2 span { font-size: 22px; color: #000; font-weight: normal; }
    .part-title p { float: left; margin: 12px 0 0 20px; }
    .part-title p.non-h1 { margin-top: 7px; }
    .part-title p a { display: inline-block; font-size: 13px; margin-right: 20px; color: #999; font-weight: 400; font-style: normal; }
    .part-content { padding-bottom: 10px; width: auto; margin: 0 auto; text-align: center; }
    .product-part-title p { display: none; }
    .part-content { width: auto; }

    .product-part-title ul { display: none; }
    .product-part-title .list-mode { display: block; position: absolute; right: 15px; top: 6px; cursor: pointer; }
    .product-part-title .list-mode img { display: inline-block; height: 15px; vertical-align:middle; }
    .product-part-title .list-mode span { display: inline-block; font-size:11px; color:#999; }
    .part-content { width: auto; margin: 0; }
    #xjcp { margin: 0 10px; padding-bottom: 12px; }
    #xjcp li { transition: none; padding-bottom: 0; border: none; }

    .case-part .part-title, .tuijian-part .part-title { margin-bottom: 12px; }
    .case-part .part-title p { margin: 7px 0px 0px 13px; width: 66%; }
    .case-part ul { margin: 0 0 20px 28px; }
    .case-part li { float: left; margin-right: 12px; background: #fff; padding: 15px; }
    .case-part li:nth-child(3n) { margin-right: 0; }
    .case-part li img { width: 362px; height: 242px; display: block; margin-bottom: 6px; }
    .case-part li a { display: block; color: #000; font-size: 14px; text-align: center; }
    .case-part li a:hover { color: #d80808; }
    .case-part ul li.more-link { display: none; }

    .case-part ul { margin: 5px 12px 10px 12px; width: auto; }
    .case-part li { float: left; width: 48.6%; height: 140px; margin-right: 0; padding: 0; margin-bottom: 10px; background: #f2f2f2; }
    .case-part li:nth-child(2n) { float: right; }
    .case-part li a { display: block; color: #000; font-size: 12px; text-align: center; margin: 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .case-part li img { width: 100%; height: 108px; display: block; margin-bottom: 4px; }

    .case-part ul li.more-link { display: block; height: 140px; background: url(/images/nav/morebg.jpg) center center repeat; overflow: hidden; }
    .case-part ul li.more-link a { display: block; color: #fff; }
    .case-part ul li.more-link span { display: block; font-size: 13px; font-weight: bold; margin: 31px 0 10px 8px; text-shadow: 1px 1px 2px #333; }
    .case-part ul li.more-link img { display: block; width: 32px; height: 32px; margin: 0 auto; }


    .case-part-title h2 { float: none; }
    .case-part .case-part-title p { background: #f8f8f8; margin: 12px 12px 12px 0; padding: 10px; font-size: 12px; color: #333; line-height: 22px; }
    .case-part .case-part-title p a { color: #666; margin: 0; }
    .case-part ul { margin: 0 0 20px 28px; }
    .case-part li { float: left; margin-right: 12px; background: #fff; padding: 15px; }
    .case-part li:nth-child(3n) { margin-right: 0; }
    .case-part li img { width: 362px; height: 242px; display: block; margin-bottom: 6px; }
    .case-part li a { display: block; color: #000; font-size: 14px; text-align: center; }
    .case-part li a:hover { color: #d80808; }
    .case-part ul li.more-link { display: none; }

    .case-part ul { margin: 5px 12px 10px 12px; width: auto; }
    .case-part li { float: left; width: 48.6%; height: 140px; margin-right: 0; padding: 0; margin-bottom: 10px; background: #f2f2f2; }
    .case-part li:nth-child(2n) { float: right; }
    .case-part li a { display: block; color: #000; font-size: 12px; text-align: center; margin: 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .case-part li img { width: 100%; height: 108px; display: block; margin-bottom: 4px; }

    .case-part ul li.more-link { display: block; height: 140px; background: url(/images/nav/morebg.jpg) center center repeat; overflow: hidden; }
    .case-part ul li.more-link a { display: block; color: #fff; }
    .case-part ul li.more-link span { display: block; font-size: 13px; font-weight: bold; margin: 31px 0 10px 8px; text-shadow: 1px 1px 2px #333; }
    .case-part ul li.more-link img { display: block; width: 32px; height: 32px; margin: 0 auto; }

    .part-mix { width: auto; margin: 15px 8px; background: none; }
    .part-mix-left { float: none; width: 100%; background: #ffffff; overflow:hidden; margin-top:15px; }
    .part-mix-left-content { margin: 15px; width: auto; height: auto; position: relative; overflow: hidden; }
    .part-mix-left-content .lcbg { position:static;background:none; width: 100%; height: auto; }
    .part-mix-left-content ul { display:none; }
    .part-title-short p { width: 50%; margin-top:7px;}

    .service-tab { margin: 25px 0 0 0; }
    .service-tab-title { }
    .service-tab-title span { display: inline-block; margin-right: 12px; background: #f2f2f2; border-radius: 5px; padding: 5px 20px; color: #000; font-size: 14px; font-weight: bold; cursor: pointer; }
    .service-tab-title span.active { background: #e60012; color: #fff; }
    .service-tab-content { }
    .item-ts1 { }
    .item-ts2, .item-ts3 { display: none; }
    .service-tab-content ol { margin-top: 15px; margin-left: 20px; }
    .service-tab-content ol:last-child { margin-bottom: 0px; }
    .service-tab-content li { list-style: decimal; margin-bottom: 12px; color: #666; font-size: 13px; }

    .part-mix-right { float: none; width: 100%; }
    .part-small { background: #ffffff; border-radius: 5px; margin: 0 auto; overflow: hidden; }
    .part-small-title { margin: 15px 0 5px 12px; }
    .part-small-title h2 { line-height: initial; }
    .part-small-title h2 span { font-size: 22px; color: #000; font-weight: normal;  }
    .part-small-title p { float: left; margin: 12px 0 0 20px; }
    .part-small-title p.non-h1 { margin-top: 7px; }
    .part-small-title p a { display: inline-block; font-size: 13px; margin-right: 20px; color: #999; font-weight: 400; font-style: normal; }
    .part-small-content { }

    .news { width: 100%; padding-bottom: 30px; margin-bottom: 15px; }
    .news-wrapper { height: 406px; overflow: hidden; width: auto; margin-top:20px; }
    #news-list { }
    #news-list li { margin: 0 15px; padding: 25px 0; border-bottom: 1px dashed #ccc; float: none; }
    #news-list li h4 { margin-top: 0; margin-bottom: 15px; }
    #news-list li h4 a { color: #000; font-size: 14px; font-weight: bold; }
    #news-list li h4 span { display: inline-block; background-color: #e60012; color: #fff; padding: 1px 3px; text-align: center; margin-right: 6px; font-size: 12px; }
    #news-list li h4 b { font-size: 14px; color: #000; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 80%; display: inline-block; vertical-align: top; }
    #news-list li div > span { float: left; background-color: #aaa; color: #fff; padding: 1px 4px 0; text-align: center; margin-top: 0px; margin-right: 6px }
    #news-list li div > div { float: left; width: 80%; background: #f8f8f8; padding: 10px 15px; }
    #news-list li div > div p { text-indent: 2em; font-size: 12px; color: #888; line-height: 20px; margin: 0 0 8px 0; padding: 0; }

    .khkb { width: 100%; padding-bottom: 30px; }
    .koubei-wrapper { background: #fff; padding: 0px 30px; height: 190px; overflow: hidden; }
    .koubei-wrapper li { border-bottom: 1px dashed #ccc; padding: 20px 0; }
    .koubei-wrapper h6 { font-size: 14px; font-weight: bold; margin-bottom: 8px; }
    .koubei-wrapper h6 span { margin-left: 20px; font-size: 13px; }
    .koubei-wrapper p { color: #999; font-size: 13px; line-height: 20px; text-indent: 2em; }

    .part-factory { margin-bottom: 15px; }
    .part-factory .part-title p { width: 10%; margin-top:8px; }
    .cj-info{ margin:15px 15px; }
    .cj-info img { float: none; display: block; height: auto; width: 100%; }
    .cj-info .cj-info-text { float: none; background: #ffffff; width: auto; height: auto; text-align: left; padding: 0px; margin-top:15px; }
    .cj-info-text h4 { font-size: 20px; color: #000; }
    .cj-info-text p { text-indent: 2em; font-size: 12px; color: #666; line-height: 22px; margin-top: 10px; }
    
    .cj-tab { margin:35px 15px 0 15px; }
    .cj-tab-t { margin: 0 0 20px 0; }
    .cj-tab-t h4 { float: left; margin-right: 30px; background: #f2f2f2; border-radius: 4px; padding: 5px 25px; color: #000; font-size: 16px; font-weight: bold; cursor: pointer; }
    .cj-tab-t h4.active { background: #e60012; color: #fff; }
    .cj-tab-c { }
    .cj-tab-c-2 { display: none; }
    .cj-tab-c ul { }
    .cj-tab-c ul li { float: left; margin-right: 0; margin-bottom:15px; width:48%; border-radius: 10px; box-shadow: 0 2px 5px rgba(0,0,0,0.2); -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.2); }
    .cj-tab-c ul li:nth-child(2n) { float:right; }
    .cj-tab-c ul li:last-child { display:none; }
    .cj-tab-c-1 ul li img { float: none; width: 100%; height: auto; display: block; border-radius: 10px 10px 0 0; }
    .cj-tab-c ul li span { display: block; text-align: center; padding: 6px 0 8px 0; background: #f5f5f5; font-size: 12px; color: #000; }
    .cj-tab-c-2 ul li img { float: none; width: 100%; height: auto; display: block; border-radius: 10px 10px 0 0; border-radius: 0; }
    .cj-tab-c-2 ul li { border-radius: 0px; box-shadow: none; -webkit-box-shadow: none; }
    .cj-tab-c-2 ul li span { display: block; text-align: center; padding: 6px 0; background: none; font-size: 12px; color: #000; }


    .zj-pager { line-height: 40px; margin: 15px auto 30px auto; }

    .footer { background: #000; width: 100%; overflow: hidden; margin-bottom: 59px; margin-top:0; padding-top:5px; }
    .footer-c { margin: 0px auto; padding: 10px 0 10px 15px; }
    .footer-top-left { display: none; }
    .footer-top-right { display: none; }
    .cer-site { display: none; }
    .zj_cpr { display: none; }
    .footer-top-middle { float: none; width: 100%; border: 0; margin: 0; padding: 0px; }
    .footer-top-middle li { color: #fff; margin-bottom: 10px; font-size: 12px; width: 96%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .footer-top-middle li a { color: #ddd; }
    .footer-top-middle li:last-child { margin-bottom: 0; }
    .footer-top-middle dl dt { display:none;}
    .footer-top-middle dl dd { margin-bottom: 10px; font-size: 12px;  color: rgba(255,255,255,0.5);}
    .footer-top-middle dl dd span {  color: #fff; font-size:14px;}
    .footer-top-middle dl dd a{ font-size:12px; }

    .footer-nav { background: #fff; width: 100%; overflow: hidden; height: 60px; position: fixed; bottom: 0; border-top: 1px solid #eee; }
    .footer-nav ul { }
    .footer-nav ul li { float: left; width: 25%; text-align: center; }
    .footer-nav ul li a { display: block; font-size: 12px; color: #000; margin: 0; padding: 0; }
    .footer-nav ul li a i { display: block; font-size: 20px; line-height: 28px; color: #000; padding-top: 8px; }
    .footer-nav ul li:first-child a i { font-size: 18px; }
    .footer-nav ul li a span { display: block; font-size: 11px; color: #000; padding-top: 0px; }
    .footer-nav ul li.sel a i { color: #b30404; }
    .footer-nav ul li.sel a span { color: #b30404; }


    #nav_zhiding { display: none; -webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.3); box-shadow: 0px 5px 5px rgba(0,0,0,0.3); -webkit-transition: margin-top .3s linear; transition: margin-top .3s linear; }

    .xunjiadan .xunjiadan-container { max-width: auto; width: 96%; }
    .xunjiadan .xunjiadan-close-btn { cursor: pointer; position: absolute; top: 12px; right: 12px; width: 40px; height: 40px; }
    .xunjiadan .xunjiadan-close-btn span { display: block; font-size: 20px; margin: 0; padding: 0; background-color: transparent; }
    .xunjiadan .xunjiadan-close-btn span:hover { color: #f00; }
    .xunjiadan .xunjiadan-content { padding: 38px 20px 45px 20px; text-align: left; }
    .xunjiadan .tit { margin-bottom: 30px; position: relative; text-align: center; font-size: 26px; color: #333333; padding-bottom: 20px; font-weight: bold; letter-spacing: 5px; }
    .xunjiadan .tit:after { content: ""; position: absolute; bottom: 0; left: 50%; margin-left: -17px; width: 34px; height: 2px; background: #ae5b08; }
    .xunjiadan .box { max-width: auto; margin: 0 auto; position: relative; padding-right: 75px; }
    .xunjiadan .box .in { position: relative; float: left; width: 49%; margin: 0 0 15px 0; }
    .xunjiadan .box .in:nth-child(2n) { float: right; }
    .xunjiadan .box .in input { display: block; width: 75%; padding: 0 12px; font-size: 12px; line-height: 30px; height: 30px; }
    .xunjiadan .box .in label { position: absolute; top: 9px; left: 8px; font-size: 12px; line-height: 12px; padding: 0 6px; }
    .xunjiadan .box .in label span { font-size: 14px; color: #ff0000; margin-right: 4px; vertical-align: middle; }
    .xunjiadan .box .in input:focus { border-color: #cb0707; }

    .xunjiadan .box .row img { height: 32px; }
    .xunjiadan .box .right { position: absolute; top: 0; right: 0; cursor: pointer; background: #9e1009; color: #ffffff; font-size: 13px; padding: 17px 8px; line-height: 22px; text-align: center; }
    .xunjiadan .box-text { margin-top: 15px; color: #8a8a8a; text-align: center; letter-spacing: 1px; }
    .xunjiadan .box-text span { font-size: 13px; }
    .xunjiadan .box-text i { font-style: normal; color: #ae5b08; font-size: 13px; font-weight: bold; }
    .xunjiadan .box-text em { font-style: normal; padding-left: 33px; color: #ae5b08; font-size: 13px; }
    .xunjiadan .box-text em:before { content: ""; display: inline-block; margin: 0 30px 2px 0; width: 6px; height: 6px; border-radius: 50%; background: #ae5b08; }
    .xunjiadan .box-text em b { font-style: normal; font-weight: bold; font-family: Arial; font-size: 14px; }

    .qr-code { margin-top: 20px; }
    .qr-code div { position: relative; float: left; width: 33%; cursor: pointer; }
    .qr-code div span { font-size: 12px; display: block; margin-bottom: 3px; }
    .qr-code div img { width: 70px; height: 70px; vertical-align: middle; }
    .qr-code div:nth-child(2) img { width: 68px; height: 68px; }
    .qr-code div p { display: none; }
    .qr-code div:hover p { opacity: 0; }
    .qr-code div p img { display: none; }
}