@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: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; }


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


.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: 340px; background: #f8f8f8; text-align: center; margin: 0 24px 24px 0; transition: all .2s linear; padding: 10px 15px; border-radius: 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; font-size: 18px; font-weight: 600; line-height: 26px; text-align: left; }
.product-tab-c ul li a img { display: block; width: 342px; border-radius: 15px; /*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 a .text-content .pro-tags { margin: 10px 0 13px 0; text-align: left; }
.product-tab-c ul li a .text-content .pro-tags span { float: none; display: inline-block; margin-right: 10px; padding: 3px 8px; font-size: 13px; border-radius: 4px; }
.product-tab-c ul li a .text-content .pro-tags span:nth-child(1) { color: rgba(39, 125, 255, 1); background: rgba(39, 125, 255, 0.1); }
.product-tab-c ul li a .text-content .pro-tags span:nth-child(2) { color: rgba(6, 168, 77, 1); background: rgba(47, 209, 44, 0.1); }
.product-tab-c ul li a .text-content .pro-tags span:nth-child(3) { color: rgba(121, 39, 255, 1); background: rgba(121, 39, 255, 0.1); }
.product-tab-c ul li a .text-content .pro-tags span:nth-child(4) { color: rgba(36, 151, 176, 1); background: rgba(0, 209, 255, 0.1); }

.product-tab-c ul li a .text-content p { font-size: 12px; margin-bottom: 10px; color: #999; text-align: left; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.product-tab-c ul li .text-content span { float: left; display: block; }
.product-tab-c ul li .text-content span.price { color: #d80808; 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; margin-bottom: 5px; cursor: pointer; }
.product-tab-c ul li span.xunjia:hover { color: #ff0; }
.product-tab-c ul.chepeng li a img { width: 372px; height: 205px; }

.dingzhi-content { margin: 0 20px; }
.dingzhi-content ul li { float: left; }
.dingzhi-content ul li:nth-child(1),
.dingzhi-content ul li:nth-child(3),
.dingzhi-content ul li:nth-child(5),
.dingzhi-content ul li:nth-child(7),
.dingzhi-content ul li:nth-child(9),
.dingzhi-content ul li:nth-child(11),
.dingzhi-content ul li:nth-child(13) { width: 180px; background: #2b7ef1; border-radius: 20px; padding: 20px; color: #fff; text-align: center; }
.dingzhi-content ul li span { font-size: 80px; line-height: 100px; }
.dingzhi-content ul li:nth-child(2n) { margin: 0 20px; }
.dingzhi-content ul li:nth-child(2n) span { font-size: 50px; line-height: 50px; margin-top: 78px; display: block; background-image: linear-gradient(to right, #d1e2fa, #2b7ef1); -webkit-background-clip: text; color: transparent; }
.dingzhi-content ul li:nth-child(3) span { font-size: 70px; }
.dingzhi-content ul li:nth-child(7) span { font-size: 65px; }
.dingzhi-content ul li:nth-child(9) span { font-size: 70px; }
.dingzhi-content ul.dingzhilist1 li:last-child { float: right; }
.dingzhi-content ul.dingzhilist1 li:last-child span { transform: rotate(90deg); margin-top: 20px; margin-right: 70px; }
.dingzhi-content ul li h4 { font-size: 28px; margin-bottom: 10px; }
.dingzhi-content ul li p { font-size: 13px; }
.dingzhi-content ul.dingzhilist2 { margin-top: 20px; }
.dingzhi-content ul.dingzhilist2 li { float: right; }
.dingzhi-content ul.dingzhilist2 li span { transform: rotate(180deg); }
.dingzhi-content ul.dingzhilist2 li:nth-child(1) span { font-size: 70px; }
.dingzhi-content ul.dingzhilist2 li:nth-child(3) span { font-size: 70px; }
.dingzhi-content ul.dingzhilist2 li:nth-child(5) span { font-size: 65px; }
.dingzhi-content ul.dingzhilist2 li:nth-child(7) span { font-size: 70px; }

.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; }
#goTop { z-index: 10000; }

@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: 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-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 { margin-top: 5px; }
    .product-tab-c ul li { float: none; width: 100%; border: 0; height: auto; background: #fff; text-align: center; margin: 0 0 10px 0; padding: 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 { float: left; width: 46%; margin-top: 0px; border-radius: 8px; border: 1px solid #eee; }
    .product-tab-c ul li a img { display: block; width: 100%; height: auto; margin: 0; border-radius: 8px; }
    .product-tab-c ul li a .text-content { float: right; width: 52%; margin-top: -5px; }
    .product-tab-c ul li a h4 { margin-bottom: 0px; 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 { display: none; 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: left; width: auto; font-size: 12px; height: auto; color: #fff; line-height: initial; background: #c91806; color: #fff; border-radius: 5px; margin: 0; padding: 5px 8px; cursor: pointer; }
    .product-tab-c ul li span.xunjia:hover { color: #ff0; }
    .product-tab-c ul li .text-content span.type { float: right; color: #999; font-size: 12px; margin: 6px 0 10px 0px; }

    .product-tab-c ul li a .text-content .pro-tags { margin: 10px 0 10px 0; text-align: left; }
    .product-tab-c ul li a .text-content .pro-tags span { float: none; display: inline-block; margin-right: 10px; padding: 3px 8px; font-size: 12px; border-radius: 4px; }
    .product-tab-c ul li a .text-content .pro-tags span:nth-child(3),
    .product-tab-c ul li a .text-content .pro-tags span:nth-child(4) { display: none; }
    .product-tab-c ul li a .text-content p { font-size: 11px; margin-bottom: 10px; color: #999; text-align: left; white-space: initial; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }

    .dingzhi-content { margin: 0 0px; }
    .dingzhi-content ul li { float: left; }
    .dingzhi-content ul li:nth-child(1),
    .dingzhi-content ul li:nth-child(3),
    .dingzhi-content ul li:nth-child(5),
    .dingzhi-content ul li:nth-child(7),
    .dingzhi-content ul li:nth-child(9),
    .dingzhi-content ul li:nth-child(11),
    .dingzhi-content ul li:nth-child(13) { width: 35%; border-radius: 10px; padding: 15px; color: #fff; text-align: center; }
    .dingzhi-content ul li span { font-size: 45px; line-height: 50px; }
    .dingzhi-content ul li:nth-child(2n) { margin: 0 10px; }
    .dingzhi-content ul li:nth-child(2n) span { font-size: 20px; line-height: 75px; margin-top: 38px; }
    .dingzhi-content ul li:nth-child(3) span { font-size: 35px; }
    .dingzhi-content ul li:nth-child(7) span { font-size: 30px; }
    .dingzhi-content ul li:nth-child(9) span { font-size: 30px; }
    .dingzhi-content ul.dingzhilist1 li:last-child { float: left; }
    .dingzhi-content ul.dingzhilist1 li:last-child span { transform: rotate(90deg); margin-top: 20px; margin-right: 70px; line-height:20px; }
    .dingzhi-content ul li h4 { font-size: 20px; margin-bottom: 5px; }
    .dingzhi-content ul li p { font-size: 12px; overflow:hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

     .dingzhi-content ul li:nth-child(4){ float:right; }
     .dingzhi-content ul li:nth-child(5){ float:right; margin-top: 60px; margin-right:-35px; }
     .dingzhi-content ul li:nth-child(6){ float:right; }
     .dingzhi-content ul li:nth-child(7){ float:left; margin-right: 192px; margin-top: -159px; }

    .dingzhi-content ul li:nth-child(4) span{ transform: rotate(90deg); line-height:20px; margin-top: 20px; margin-right: 0px; }
    .dingzhi-content ul li:nth-child(6) span{ transform: rotate(180deg); line-height:200px; margin-top: 20px; margin-right: 0px; }


    .dingzhi-content ul.dingzhilist2 { margin-top: 20px; }
    .dingzhi-content ul.dingzhilist2 li { float: left; }
    .dingzhi-content ul.dingzhilist2 li:nth-child(4) { float:right; }
    .dingzhi-content ul.dingzhilist2 li:nth-child(5) { float:right; }
    .dingzhi-content ul.dingzhilist2 li:nth-child(6) { float:right; }
    .dingzhi-content ul.dingzhilist2 li span { transform: rotate(180deg); }
    .dingzhi-content ul.dingzhilist2 li:nth-child(1) span { font-size: 70px; }
    .dingzhi-content ul.dingzhilist2 li:nth-child(2) span { transform: rotate(0deg); }
    .dingzhi-content ul.dingzhilist2 li:nth-child(3) span { font-size: 70px; }
    .dingzhi-content ul.dingzhilist2 li:nth-child(4) span { transform: rotate(90deg); }
    .dingzhi-content ul.dingzhilist2 li:nth-child(5) span { font-size: 65px; }
    .dingzhi-content ul.dingzhilist2 li:nth-child(7) span { font-size: 70px; }

    .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; }
}