@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%; }
.header-nav #mobile-nav-mask { display: none; }
.header-nav-layer1 { width: 100%; border-bottom: 2px solid #e60012;  background:#fff; }
.header-nav-menu { width: 1250px; margin: 0 auto; padding-top: 8px; }
.header-nav-menu > li { float: left; margin-left: 40px; }
.header-nav-menu > li:first-child { margin-left: 0px; }
.header-nav-menu > li:nth-child(2) { width: 35px; background: url(/images/nav/hp.jpg) left top no-repeat; overflow: hidden; }
.header-nav-menu > li:nth-child(2) a { text-indent: 3em; }
.header-nav-menu > li.nav-fgx { margin-left: 39px; width: 1px; height: 16px; position: relative; }
.header-nav-menu > li.nav-fgx 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; }

.layer1-product-cate { width: 240px; 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; }
.layer1-product-cate .icon { width: 18px; height: 18px; fill: currentColor; color: #fff; vertical-align: -3px; overflow: hidden; margin-right: 3px; }
.layer1-product-cate #icon-whole { color: #fff; }
.layer1-product-cate span { font-size: 16px; font-weight: bold; }

#pro-center { position:relative; }
#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 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; }


.header-nav-layer2{ width: 1250px; margin: 0 auto;  background: #f1f1f1; }
.layer2-product-nav { display: block; float:left; width: 238px; height:490px; 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);*/ }
.layer2-product-nav ul { padding: 10px 0; position: relative; }
.layer2-product-nav ul li a { display: block; padding: 10px 0 10px 50px; line-height: normal; text-align: left; }
.layer2-product-nav ul li a:hover { background: #ffeded; }
.layer2-product-nav ul li a:hover span { color: #e60012; }
.layer2-product-nav ul li a span { display: block; color: #333; font-weight: bold; font-size: 14px; width: 204px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

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

.layer2-product-nav ul li div { position: absolute; border: 0 solid #e60012; border-top: none; left: 238px; top: 0px; width: 0; height: 490px; 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);*/ }
.layer2-product-nav ul li div ol { margin: 30px 15px; width: 1010px; }
.layer2-product-nav ul li div ol li { text-align: center; float: left; margin-bottom: 30px; border-right: 1px solid #eee; padding: 0 10px; }
.layer2-product-nav ul li div ol li a { padding: 0; margin: 0; }
.layer2-product-nav ul li div ol li a:hover { background: none; }
.layer2-product-nav ul li div ol li a:hover span { color: #d80808; }
.layer2-product-nav ul li div img { display: block; margin: 0 auto; text-align: center; height: 80px; }
.layer2-product-nav ul li div span { display: block; font-size: 12px; text-align: center; margin: 10px auto 0 auto; color: #999; font-weight: normal; }


.banner{ float:right; border-radius:5px; margin-top:12px; }
.flexslider{ position:relative; width:999px; height: 478px;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 img{height:478px;display:block}

.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/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: 30px auto 0 auto; width: 1000px; 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 45px; height: 80px; }
.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; }


.sect { background: #ffffff; border-radius: 5px; width: 1202px; margin: 18px auto 0 auto; padding:24px; overflow: hidden; }
.sect-t { margin: 0; }
.sect-t h1, .sect-t h2 { float: left; line-height: initial; }
.sect-t h1 span, .sect-t h2 span { font-size: 24px; color: #000; font-weight: 700; }
.sect-t p { float: left; margin: 8px 0 0 20px; font-size: 12px; color: #888; width: 940px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.sect-c { margin: 22px auto 0 auto;  }
.product{ padding-bottom:10px; }
.product-tab{  }
.product-tab-t{ border-bottom:1px solid #eee; padding:0 30px; }
.product-tab-t ul li{ float:left; border-bottom:3px solid #fff; padding:0 20px; margin-right:60px; cursor:pointer; }
.product-tab-t ul li:last-child{ margin-right:0; }
.product-tab-t ul li span{ display:block; font-size:16px; font-weight:700; margin-bottom:5px; }
.product-tab-t ul li i{ display:block; font-style:normal; font-size:12px; margin-bottom:5px; text-align:center; color:#999; }
.product-tab-t ul li.active{ border-bottom:3px solid #ef1f1f; }
.product-tab-t ul li.active span{ color:#d80808; }
.product-tab-t ul li.active i{ color:#e60012; }

.product-tab-c{ margin-top:25px; margin-left:19px; }
.product-tab-c ul {  }
.product-tab-c ul li { float: left; width: 370px; border: 1px solid #efefef; background: #f8f8f8; text-align: center; margin: 0 24px 24px 0; transition: all .2s linear; padding-bottom: 15px; }
.product-tab-c ul li:hover { box-shadow: 0 6px 10px rgba(0,0,0,0.3); -webkit-box-shadow: 0 6px 10px rgba(0,0,0,0.3); transform: translate3d(0, -2px, 0); /*border-color:#e60012;*/ }
.product-tab-c ul li:nth-child(3n) { margin-right: 0; }
.product-tab-c ul li a { display: block; color: #000; font-size: 14px; }
.product-tab-c ul li a:hover { color: #d80808; }
.product-tab-c ul li a h4 { margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.product-tab-c ul li a img { display: block; width: 372px; /*border-top-left-radius: 5px; border-top-right-radius: 5px;*/ height:241px; }
.product-tab-c ul li a .img-content { margin-top: 0px; }
.product-tab-c ul li a .text-content { margin-top: 10px; }
.product-tab-c ul li .text-content span { float: left; display: block; }
.product-tab-c ul li .text-content span.price { color: #d80808; margin-left: 15px; margin-top: 2px; }
.product-tab-c ul li .text-content span.price em { font-size: 14px; font-style: normal; }
.product-tab-c ul li .text-content span.price i { font-size: 13px; font-style: normal; }
.product-tab-c ul li .text-content span.type { float: right; font-size: 12px; margin-right: 20px; margin-top: 3px; }
.product-tab-c ul li span.xunjia { width: 80px; font-size: 12px; height: 27px; color: #fff; line-height: 27px; border-radius: 5px; background: #c91806; color: #fff; margin-left: 20px; cursor: pointer; }
.product-tab-c ul li span.xunjia:hover { color: #ff0; }
.product-tab-c ul.chepeng li a img { width: 372px; height: 205px; }


.case-content{ margin:20px auto 0 auto; }
.case-item-text{ float:left; }
.case-item-text ul li{ width:289px; height:58px; line-height:58px; margin-bottom:12px; border:1px solid #f2f2f2; background:#f8f8f8; }
.case-item-text ul li a{ color:#333; font-size:15px; font-weight:bold;  display:block; padding-left:20px; transition: all .01s }
.case-item-text ul li:first-child, .case-item-text ul li:hover{ background:#9e1009;  }
.case-item-text ul li:first-child a, .case-item-text ul li:hover a{ color:#fff; }

.case-item-image{ float:left; margin-left:10px; }
.case-item-image img{ height:420px; width:630px; }
.case-item-sj{ float:right; width:260px; height:420px; background:#f5f5f5; }
.case-item-sj h3{ font-size:15px; color:#000; margin:10px 0 0 18px; }
.case-item-sj ul{ margin:10px 0 0 18px;}
.case-item-sj ul li{ margin-bottom:12px; }
.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:4px; }

.news{ padding-bottom:30px; }
.news-1{ float:left; width:680px; margin-left:2px; }
.news-1 img{ width:100%; display:block; margin-bottom:20px; }
.news-1 ul li{ margin-bottom:20px; }
.news-1 ul li:hover div:first-child{ background:#e60012; }
.news-1 ul li:hover div:first-child i{ border-bottom-color:#fff; }
.news-1 ul li:hover div:last-child a{ color:#e60012; }
.news-1 ul li:hover div:last-child p{ color:#000; }
.news-1 ul li:last-child{ margin-bottom:10px; }
.news-1 ul li div{ float:left; }
.news-1 ul li div:first-child{ width:100px; height:80px; background:#a0a0a0; text-align:center; vertical-align:middle; font-family:Arial; transition: all .3s; }
.news-1 ul li div:first-child i{ display:block; line-height:30px; color:#fff; font-size:28px; font-style: normal; border-bottom: 1px solid #adadad; padding-bottom:3px; margin: 12px 12px 3px 12px;}
.news-1 ul li div:first-child span{ display:block; color:#fff; font-size:15px; }
.news-1 ul li div:last-child{ width:556px; margin-left:15px; }
.news-1 ul li div:last-child a{ font-size:15px; font-weight:bold; color:#000; }
.news-1 ul li div:last-child p{ font-size:13px; color:#999; line-height:20px; margin-top:5px; overflow:hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }


.news-2{ float:right; width:460px; height:660px; background:#f5f5f5; padding:20px; }
.news-2 h3{ margin-bottom:20px; font-size:18px; line-height:20px; }
.news-2-content { height: 610px; overflow: hidden; width: 450px; }
#news-list { }
#news-list li { margin: 0 0; 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 a:hover { color: #e60012; }
#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: 311px; 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: 10px }
#news-list li div > div { float: left; width: 385px; background: #fff; 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; }


.factory-l1{ width: 1150px; margin: 120px 0 30px 35px; height:400px;  position:relative; background:url(/images/cjys.png) 50px top no-repeat; }
.factory-l1 div img{ display:none; }
#feature1{ position:absolute; left:22px; top:-68px; }
#feature2{ position:absolute; left:778px; top:-42px; }
#feature3{ position:absolute; left:60px; top:152px; }
#feature4{ position:absolute; left:770px; top:155px; }
.feature-item div{ font-size:26px; margin-bottom:3px; }
#feature4 div{ margin-left:78px; }
.feature-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;; }
.feature-item ul { margin-left:50px; }
.feature-item ul li{ font-size:14px; margin-bottom:5px; color:#666; }
.feature-item ul li a{ color:#000; }
.feature-item ul li a:hover{ color:#d80808; }
#feature-nav{ display:none; }
.factory-l2{ width:1150px; margin:0 auto 30px auto; }
.factory-l2-text{ float:right; width:660px; }
.factory-l2-text h4{ font-size:20px; margin-bottom:15px; letter-spacing: 1px; font-weight:bold; }
.factory-l2-text h4 span{ display: block; color: #999; font-weight: normal; font-size: 12px; letter-spacing: initial; }
.factory-l2-text p{ font-size:14px; color:#666; line-height:24px; text-indent:2em; }
.factory-l2-text a{ display:block; width:160px; height:32px; line-height:32px; font-size:14px; color:#d80808;  margin:10px 0 15px 0; }
.factory-tab-title{ }
.factory-tab-title h4{ display:inline-block; padding:7px 22px; text-align:center; color:#000; background:#f1f1f1; margin-right:20px; cursor:pointer; font-size:16px; border-radius:5px; }
.factory-tab-title h4.active{background:#d80808; color:#fff; }
.factory-l2-img{ float:left; width:450px; position:relative; width:465px; }
.factory-l2-img img{ width:456px; height:358px; display:block; position:relative; z-index:1; }
.factory-l2-img .img-bg{ position:absolute; width:450px; height:350px; top:15px; right:0; background:#ddd; z-index:0; }

.factory-l3{ width:1150px; margin:0 auto 15px auto; }
.cj-tab-c { }
.cj-tab-c-2 { display: none; }
.cj-tab-c ul { }
.cj-tab-c ul li { float: left; margin-right: 15px; border-radius: 5px; 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: 218px; display: block; border-radius: 5px 5px 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: 218px; display: block; 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; }

.friendlinks{ width:1250px; margin:40px auto 0 auto; padding-top:40px; border-top:1px solid #333; }
.friendlinks span{ display:inline-block; color:#999; font-size:12px; font-weight:bold; }
.friendlinks a{  display:inline-block; color:#999; font-size:12px; margin-right:5px; }


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

.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; }
    .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-layer1{ display: none; }
    .layer2-product-nav{ display: none; }
    .header-nav-layer2{ width:100%; background:#fff; }

    .mobile-header-topbar { display: block; width: 100%; background: #fff; position: fixed; left: 0; top: 0; height: auto; z-index: 10; }
    .banner{ float:none; width:auto; height:150px; border-radius:5px; margin:61px 8px 12px 8px; }
    .banner .slides{ margin:0; }
    .flexslider .slides img{ width:100%; height:100%; display:block; border-radius:10px; }
    .flexslider{ width:auto; }
    .flex-arrow-nav span{display:none;}
    .flex-num-nav{ bottom:10px; }
    .flex-num-nav li span{ width:20px; height:5px;  }

    .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:35px;}
    .m-topbar-product-nav ul li:nth-child(2) a img{ right:19px; height:43px;}
    .m-topbar-product-nav ul li:nth-child(3) a img{ right:18px; height:43px;}
    .m-topbar-product-nav ul li:nth-child(4) a img{ right:8px; height:40px;}
    .m-topbar-product-nav ul li:nth-child(5) a img{ right:12px; height:43px;}
    .m-topbar-product-nav ul li:nth-child(6) a img{ right:33px; height:50px;}
    .m-topbar-product-nav ul li:nth-child(7) a img{ right:32px; height:48px;}
    .m-topbar-product-nav ul li:nth-child(8) a img{ right:18px; height:50px;}
    .m-topbar-product-nav ul li:nth-child(9) a img{ right:18px; height:43px;}
    .m-topbar-product-nav ul li:nth-child(10) a img{ right:18px; height:50px;}
    .m-topbar-product-nav ul li:nth-child(11) a img{ right:16px; height:45px;}
    .m-topbar-product-nav ul li:nth-child(12) a img{ right:26px; height:50px;}
    .m-topbar-product-nav ul li:nth-child(13) a img{ right:25px; height:50px;}
    .m-topbar-product-nav ul li:nth-child(14) a img{ right:32px; height:48px;}

    #mobile-product-nav { display: block; width: 100%; margin: 0px auto 0 auto; padding-top: 0px; background-color: #fff; }
    .mobile-product-cate { margin: 0px 8px 0 8px; 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 0 12px 0; position: relative; }
    .mobile-product-cate ul li:nth-child(1), .mobile-product-cate ul li:nth-child(4){ margin-right:10px; }
    .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; text-align:center; margin:11px auto 0 auto;  opacity: 0.89; }
    .mobile-product-cate ul li:nth-child(1) img { width: auto; height:40px;  }
    .mobile-product-cate ul li:nth-child(2) img { width: auto; height:40px; }
    .mobile-product-cate ul li:nth-child(3) img { width: auto; height:40px; }
    .mobile-product-cate ul li:nth-child(4) img { width: auto; height:40px; }
    .mobile-product-cate ul li:nth-child(5) img { width: auto; height:42px; margin-top:9px; }
    .mobile-product-cate ul li img.more { height: 32px; right: 38px; bottom: 10px; opacity: 0.8; }


    .sect { background: #ffffff; border-radius: 5px; width: auto; margin: 10px 8px; padding:0; overflow: hidden; }
    .sect-t { margin: 0; padding:15px 10px; }
    .sect-t h1, .sect-t h2 { float: left; line-height: initial; }
    .sect-t h1 span, .sect-t h2 span { font-size: 20px; color: #000; font-weight: normal; }
    .sect-t p { float: left; margin: 8px 0 0 12px; font-size: 12px; color: #888; width: 70%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
    .sect-c { margin: 0 10px;  }
    .product{ padding-bottom:10px; }
    .product-tab-t{ border-bottom:0; padding:0; }
    #tab-title{  margin:0 auto; text-align:center; }
    .product-tab-t ul li{ float:none; display:inline-block; border:0; background:#f5f5f5; padding:6px 10px; border-radius:5px; margin:0 12px 12px 0; cursor:pointer; }
    .product-tab-t ul li:nth-child(3n){ margin-right:0; }
    .product-tab-t ul li:last-child{ margin-right:0; }
    .product-tab-t ul li span{ display:inline-block; font-size:12px; font-weight:normal; margin-bottom:0; }
    .product-tab-t ul li i{ display:none;  }
    .product-tab-t ul li.active{ border:0; }
    .product-tab-t ul li.active span{ color:#d80808; }
    .product-tab-t ul li.active i{ color:#e60012; }

    .product-tab-c{ margin:0 2px 0 2px; }
    .product-tab-c ul {  }
    .product-tab-c ul li { float: left; width: 48.5%; border:0; height: auto; background: #fff; text-align: center; margin:0 0 8px 0; padding-bottom:0; }
    .product-tab-c ul li:nth-child(3n) { margin-right: 0; }
    .product-tab-c ul li:nth-child(2n) { float: right; margin-right: 0; }
    .product-tab-c ul li:hover { box-shadow: none; -webkit-box-shadow: none; transform: none; }
    .product-tab-c ul li a { display: block; color: #000; font-size: 12px; width: 100%; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .product-tab-c ul li a:hover { color: #d80808; }
    .product-tab-c ul li a .img-content { margin-top: 10px; border-radius: 8px; border: 1px solid #eee; }
    .product-tab-c ul li a .text-content { margin-top: 15px; }
    .product-tab-c ul li a img { display: block; width: 100%; height: auto; margin: 0; border-radius: 8px; }
    .product-tab-c ul li .text-content { margin-top: 10px; }
    .product-tab-c ul li a h4 { margin-bottom: 8px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .product-tab-c ul li .text-content span { float: left; display: block; }
    .product-tab-c ul li .text-content span.price { color: #d80808; margin-left: 6px; margin-top: 2px; }
    .product-tab-c ul li .text-content span.price em { font-size: 14px; font-style: normal; }
    .product-tab-c ul li .text-content span.price i { font-size: 14px; font-style: normal; }
    .product-tab-c ul li span.xunjia { float: right; width: auto; font-size: 12px; height: auto; color: #fff; line-height: initial; background: #c91806; color: #fff; border-radius: 5px; margin: 0 20px 0 0px; padding: 5px 12px; cursor: pointer; }
    .product-tab-c ul li span.xunjia:hover { color: #ff0; }
    .product-tab-c ul li .text-content span.type { float: left; color: #999; font-size: 12px; margin: 6px 0 10px 6px; }

    .case-content{ margin:0px auto 0 auto; }
    .case-item-text{ float:none; }
    .case-item-text ul{ clear:both; }
    .case-item-text ul li{ float:left; width:48.5%; height:auto; padding:8px 0; line-height:initial; margin-bottom:12px; border:0; background:#f5f5f5; border-radius:5px; }
    .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:0; transition: all .01s; text-align:center; margin:0 auto; width:88%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .case-item-text ul li:first-child, .case-item-text ul li:hover{ background:#f5f5f5;  }
    .case-item-text ul li:first-child a, .case-item-text ul li:hover a{ color:#e60012; }

    .case-item-image{ float:none; margin-left:0px; }
    .case-item-image img{ height:auto; width:100%; }
    .case-item-sj{ float:none; width:auto; height:auto; background:#fff; overflow:hidden; margin:5px 2px;; }
    .case-item-sj h3{ font-size:14px; color:#000; margin:6px 0 0 0px; }
    .case-item-sj ul{ margin:8px 0px 0 0px; }
    .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; }


    .news{ padding-bottom:20px; }
    .news-1{ float:none; width:100%; margin-left:2px; }
    .news-1 img{ width:100%; display:block; margin-bottom:20px; }
    .news-1 ul li{ margin-bottom:20px; }
    .news-1 ul li:hover div:first-child{ background:#e60012; }
    .news-1 ul li:hover div:first-child i{ border-bottom-color:#fff; }
    .news-1 ul li:hover div:last-child a{ color:#e60012; }
    .news-1 ul li:hover div:last-child p{ color:#000; }
    .news-1 ul li:last-child{ margin-bottom:10px; }
    .news-1 ul li div{ float:left; }
    .news-1 ul li div:first-child{ width:23%; height:auto; background:#a0a0a0; text-align:center; vertical-align:middle; font-family:Arial; transition: all .3s; }
    .news-1 ul li div:first-child i{ display:block; line-height:30px; color:#fff; font-size:24px; font-style: normal; border-bottom: 1px solid #adadad; padding-bottom:2px; margin: 6px 8px 3px 8px;}
    .news-1 ul li div:first-child span{ display:block; color:#fff; font-size:14px; margin-bottom:6px; }
    .news-1 ul li div:last-child{ float:right; width:75%; margin-left:0; }
    .news-1 ul li div:last-child a{ font-size:14px; font-weight:bold; color:#000; display:inline-block; width:95%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .news-1 ul li div:last-child p{ font-size:12px; color:#999; line-height:18px; margin-top:0px; width:95%; overflow:hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }


    .news-2{ float:none; width:100%; height:400px; background:#f5f5f5; margin-top:20px; padding:0px; overflow:hidden; }
    .news-2 h3{ margin:12px 12px 20px 12px; font-size:18px; line-height:20px; }
    .news-2-content { height: 330px; overflow: hidden; width: auto; margin:12px; }
    #news-list { }
    #news-list li { margin: 0 0; 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 a:hover { color: #e60012; }
    #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: 311px; 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: 10px }
    #news-list li div > div { float: left; width: 80%; background: #fff; 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; }


   .factory .sect-t p{ width:59%; }
    #feature1{ position:absolute; left:22px; top:-68px; }
    #feature2{ position:absolute; left:778px; top:-42px; }
    #feature3{ position:absolute; left:60px; top:152px; }
    #feature4{ position:absolute; left:770px; top:155px; }
    .feature-item div{ font-size:26px; margin-bottom:3px; }
    #feature4 div{ margin-left:78px; }
    .feature-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;; }
    .feature-item ul { margin-left:50px; }
    .feature-item ul li{ font-size:14px; margin-bottom:5px; color:#666; }
    .feature-item ul li a{ color:#000; }
    .feature-item ul li a:hover{ color:#d80808; }
    #feature-nav{ display:none; }

    .factory-l1{ width:100%; height:auto; margin:0 auto; position:initial; background:none; }
    .factory-l1 div img{ display:block; width:100%; height:auto; }
    #feature2, #feature3, #feature4{ display:none; margin-top:30px; }
    #feature1{ position:static; margin-top:30px; }
    #feature2{ position:static; }
    #feature3{ position:static; }
    #feature4{ position:static;}
    .feature-item div{ font-size:20px; margin-bottom:3px; }
    .feature-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; }
    .feature-item ul { margin:15px 0 0 50px; }
    .feature-item ul li{ font-size:13px; margin-bottom:5px; color:#999; }
    .feature-item ul li a{ color:#000; }
    .feature-item ul li a:hover{ color:#d80808; }
    #feature-nav{ display:block; }
    #feature-nav{ margin: 30px auto; text-align:center; padding-bottom:10px; }
    #feature-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; }
    #feature-nav span.jd{ background:#9e1009; }

    .factory-l2{ width:auto; margin:0 3px 20px 3px; }
    .factory-l2-text{ float:none; width:100%; margin:15px 0 0 0; }
    .factory-l2-text h4{ font-size:18px; margin-bottom:5px; letter-spacing: 1px; font-weight:normal; }
    .factory-l2-text h4 span{ display: none; }
    .factory-l2-text p{ font-size:12px; color:#666; line-height:22px; text-indent:2em; }
    .factory-l2-text a{ display:block; width:160px; height:32px; line-height:32px; font-size:14px; color:#d80808;  margin:10px 0 15px 0; }
    .factory-tab-title{ }
    .factory-tab-title h4{ display:inline-block; padding:7px 22px; text-align:center; color:#000; background:#f1f1f1; margin-right:20px; cursor:pointer; font-size:16px; border-radius:5px; }
    .factory-tab-title h4.active{background:#d80808; color:#fff; }
    .factory-l2-img{ float:none; width:100%; position:relative;}
    .factory-l2-img img{ width:100%; height:auto; display:block; position:relative; z-index:1; }
    .factory-l2-img .img-bg{ display:none; }


    .factory-l3{ width:100%; margin:0 auto 5px auto; }
    .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; }



    .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; }
    .friendlinks{ display:none; }

    .footer-nav { background: #fff; width: 100%; overflow: hidden; height: 60px; position: fixed; bottom: 0; border-top: 1px solid #eee; z-index:1000; }
    .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; }
}