/* CSS Document */
:root { --main-color: #000; --main-color-hover: #cc4b4f; --about-bg-color: #f1f5f7; }
a { color: var( --main-color) }
a:focus, a:hover { color: var(--main-color-hover) }
.about-bg-color { background-color: var(--about-bg-color); }



body, div, ul, li, p, form, input, object, embed, img, table, h1, h2, h3, h4, h5, h6, dl, dt, dd, table, th, td { -webkit-margin-start: 0px; border: none; margin: 0px; padding: 0px; font-size: 14px; font-family: '微软雅黑'; }

html, body { height: 100%; text-align: left; padding: 0px; margin: 0px; color: #44403d; }

.clear, .clearfix { clear: both; }

li { list-style: none; }

.box { margin: 0px auto; }

.float_left { float: left; }

.float_right { float: right; }

.color-hover { color: #cd232b; }

.border-left { border-left: 1px solid #ccc; }

.pl-2 { padding-left: 1em; }

.pt-2 { padding-top: 1em; }

.mr-2 { margin-right: 1em; }

.mt-2 { margin-top: 1em; }

.border-right { border-right: 1px solid #ccc; }

.font-weight-bold { font-weight: bold; }

.border-bottom-none { border-bottom: none !important; }

.top { background: #fcfcfc; height: 101px; position: relative; z-index: 99999999 }

.headscro { transition: all 0.5s ease 0s; top: 0px; position: fixed; width: 100%; z-index: 500000; }

.top-top1 { margin: 0px auto; }

.top-top1-logo { float: left; padding: 15px 0px 0px 0px; font-size: 20px; position: relative; }

.top-top1-logo img { margin-right: 11px; vertical-align: middle; }

.top-top1-logo-tip a { position: absolute; color: #959595; cursor: pointer; float: left; left: 440px; top: 70px; font-size: 8px !important; }

.top-top1-logo-tip a:hover { color: #842222; }

.top-top1-contact { float: right; padding: 24px 0px 0px 0px; }

.top-top1-contact-phone { font-size: 14px; float: right; padding-left: 45px; margin-left: 35px; margin-right: 25px; background: url(../images/phone.png) no-repeat left 5px; }

.top-top1-contact-phone label { width: 100%; display: block; }

.top-top1-contact-phone span { width: 100%; display: block; }


.top-nav { position: relative; z-index: 200000; margin-top: 50px; }

.top-nav ul { }

.top-nav ul li { position: relative; float: left; margin: 0px 0; padding: 0 0.5em; }
.top-nav ul li > a { padding: 0 0.3em; }

.top-nav ul li a { text-align: center; display: block; color: #514846; font-size: 1.3em; }

.top-nav ul li a:hover { color: #cd232b; }
.top-nav ul li a.hover { color: #cd232b; border-bottom: 2px solid #cd232b; }

.top-nav ul li div.dropdown-box { display: none; position: absolute; left: 0px; width: 620px; padding-bottom: 10px; }

.top-nav ul li ul li { float: none; width: 100%; margin: 0px; padding: 0.3em 0; }

.top-nav ul li ul li a { text-align: left; height: 32px; line-height: 32px; padding: 0px 15px; }

.top-nav ul li ul li a:hover, { border: none; }
.top-nav-dropdow-p { background: #FFF; padding: 30px 40px 30px 0; }
.top-nav-dropdow-ul { width: 160px; padding: 20px 10px 20px 20px; margin: 10px 0 10px; min-height: 192px; }


.roll { text-align: center; height: 472px; background: #54595c; overflow: hidden; }

.roll ul li { height: 472px; }

.index_roll_n_full { position: relative; margin: 0px auto; }

.index_roll_n_full .index_roll_n { position: absolute; left: 50%; top: -30px; margin-left: 380px; width: 200px; }

.index_roll_n_full .index_roll_n ul { }

.index_roll_n_full .index_roll_n ul li { cursor: pointer; float: left; width: 20px; height: 7px; margin-right: 3px; background: #a9a9a9; }

.index_roll_n_full .index_roll_n ul li.active { background: #b72025; }


.index-mi-p1 { text-indent: -999px; overflow: hidden; background: url(../Images/index-mi-p1.png) no-repeat left top; width: 322px; height: 63px; float: left; }

.index-mi-p2 { text-indent: -999px; overflow: hidden; background: url(../Images/index-mi-p2.png) no-repeat left top; width: 322px; height: 63px; float: left; margin-left: 5px; }

.index-mi-p3 { text-indent: -999px; overflow: hidden; background: url(../Images/index-mi-p3.png) no-repeat left top; width: 322px; height: 63px; float: left; margin-left: 5px; }

.index-mi-p1:hover { background: url(../Images/index-mi-p1-hover.png) no-repeat left top; }

.index-mi-p2:hover { background: url(../Images/index-mi-p2-hover.png) no-repeat left top; }

.index-mi-p3:hover { background: url(../Images/index-mi-p3-hover.png) no-repeat left top; }


.index-line1 { border-top: 1px solid #b8bdbf; }

.index-desc-tags { margin: 0px auto; font-size: 16px; line-height: 38px; background: url(../images/tag-bg.png) no-repeat center -8px; }

.index-desc-tags a { color: #4d5050; font-size: 14px; }

.index-desc-title { text-align: center; font-size: 32px; color: #000; padding-top: 30px; }

.index-desc-title-en { text-align: center; color: #404545; padding-bottom: 30px; font-size: 20px; margin-top: 3px; }

.index-desc-list { margin: 0px auto; }

.index-desc-list ul { }

.index-desc-list ul li { float: left; }

.index-desc-list ul li a { display: block; width: 156px; margin-right: 6px; height: 142px; border: 1px dotted #c8cbce; }

.index-desc-list ul li a label { color: #FFF; display: block; width: 56px; height: 56px; text-align: center; line-height: 56px; margin: 15px 50px; border-radius: 50%; background: #878f94; }

.index-desc-list ul li a span { color: #585b5b; padding: 0px 5px; display: block; }

.index-desc-list ul li a:hover { border: 1px dotted #b84138; }

.index-desc-list ul li a:hover label { background: #b84138 url(../images/qq_p.png) no-repeat center 15px; text-indent: -99999px; overflow: hidden; }

.index-desc-list ul li a:hover span { color: #b84138; }

.index-desc-list ul li.last a { margin-right: 0px; }

.index-desc-footer { margin-top: 14px; background: #878f94; font-size: 30px; padding: 20px 0px; text-align: center; color: #FFF; text-align: center; }

.index-desc-footer img { display: inline; vertical-align: middle; }

.index-line-2 { padding-top: 2px; border-bottom: 2px solid #ced1d3; }

.index-case-list { margin: 0px auto; padding-top: 18px; }

.common-left { float: left; width: 205px; border-top: 1px solid #96999c; }

.common-left h4 { height: 50px; line-height: 50px; }

.common-left h4 img { margin-top: 10px; }

.common-left .left-master { }

.common-left ul li { line-height: 23px; }

.common-left ul li a { border-top: 1px solid #96999c; border-bottom: 1px solid #96999c; height: 38px; display: block; padding-left: 46px; line-height: 38px; font-weight: bold; }

.common-left ul li a label { color: #898887; padding-left: 10px; letter-spacing: normal; cursor: pointer; }

.common-left ul li a.hover, .common-left ul li a:hover { color: #0092b4; }

.common-left ul li a.hover label { color: #0092b4; }

.common-left ul li.letter-spacing a { letter-spacing: 5px; }

.common-left ul li.letter-spacing a label { padding-left: 5px; }

.common-left ul li ul li { border-bottom: 1px solid #f5f7f8; }

.common-left ul li ul li a { display: block; border: none; height: 28px; line-height: 28px; padding-left: 55px; color: #555555; font-weight: normal; }

.common-left ul li ul li a.hover, .common-left ul li ul li a:hover { color: #0092b4; }

.common-left-qq { padding: 15px 0px 0px 0px; text-align: center; }

.common-left-qq a { }

.common-left-phone { text-align: center; }

.common-left-phone label { display: block; width: 100%; }

.common-left-phone span { display: block; width: 100%; padding-bottom: 16px; }

.left-icon { background: url(../Images/left-icons.png) no-repeat top left; float: left; height: 100%; width: 15px; margin-right: 10px; }

.left-icon-c-1 { background-position: -24px 0px; }

.hover .left-icon-c-1 { background-position: -110px 0px; }

.left-icon-c-2 { background-position: -24px -38px; }

.hover .left-icon-c-2 { background-position: -110px -38px; }

.left-icon-c-3 { background-position: -24px -72px; }

.hover .left-icon-c-3 { background-position: -110px -72px; }


.left-icon-c-4 { background-position: -24px -108px; }

.hover .left-icon-c-4 { background-position: -110px -108px; }


.left-icon-c-5 { background-position: -24px -145px; }

.hover .left-icon-c-5 { background-position: -110px -145px; }


.left-icon-c-6 { background-position: -24px -181px; }

.hover .left-icon-c-6 { background-position: -110px -181px; }


.left-icon-c-7 { background-position: -24px -218px; }

.hover .left-icon-c-7 { background-position: -110px -218px; }

.left-icon-c-8 { background-position: -24px -255px; }

.hover .left-icon-c-8 { background-position: -110px -255px; }




.art-nav { border-top: 1px solid #cc4b4f; border-bottom: 1px solid #cc4b4f; line-height: 40px; font-size: 16px; }
.art-title { color: #cc4b4f; padding: 1.5em 0 0.8em; font-size: 18px; }



.index-case-list-right { border-top: 1px dotted #ccc; padding-top: 10px; }

.index-case-list-right-ul1 { }

.index-case-list-right-ul1 li { float: left; margin-right: 3px; }

.index-case-list-right-ul1 a { float: left; width: 160px; display: block; }

.index-case-list-right-ul1 a i { display: block; width: 100%; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }


.index-case-list-right-ul1 a:hover i { -webkit-filter: inherit; -moz-filter: inherit; -ms-filter: inherit; filter: initial; filter: initial; }

.index-case-list-right-ul1 a label, .index-case-list-right-ul1 a span { line-height: 20px; display: block; width: 100%; background: #424545; color: #FFF; text-align: center; }

.index-case-list-right-ul1 a span { font-size: 12px; }


.index-case-list-right-ul2 { padding: 25px 0px; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; margin: 25px 0px 0px 0px; }

.index-case-list-right-ul2 li { float: left; margin-right: 4px; }

.index-case-list-right-ul2 li.last { margin-right: 0px; }

.index-case-list-right-ul2 a { float: left; height: 116px; display: block; background: url(../images/bg.png) no-repeat left top; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }

.index-case-list-right-ul2 a:hover { -webkit-filter: inherit; -moz-filter: inherit; -ms-filter: inherit; filter: initial; filter: initial; }



.part-2 { margin: 0px auto; border-top: 1px solid #ccc; margin-top: 20px; padding-top: 5px; }



.index-client { width: 640px; float: left; }

.index-client-title { border-bottom: 1px solid #ccc; line-height: 32px; font-size: 16px; }

.index-client-title label { padding-left: 5px; font-size: 14px; }

.index-client-list { padding-top: 15px; }

.index-client-list ul { }

.index-client-list ul li { float: left; width: 208px; background: url(../images/line_1.png) no-repeat left top; margin-right: 5px; }

.index-client-list ul li div.d { line-height: 30px; padding: 5px 0px; }

.index-client-list ul li div label { font-size: 15px; }

.index-client-list ul li div span { font-size: 9px; }

.index-client-list ul li img { vertical-align: middle; display: inline; width: 208px; height: 156px; }


.index-new { width: 320px; float: right; }

.index-new-title { border-bottom: 1px solid #ccc; line-height: 32px; font-size: 16px; }

.index-new-title label { padding-left: 5px; font-size: 14px; cursor: pointer; }

.index-new-list li { line-height: 22px; background: url(../images/r.png) no-repeat 5px 7px; padding-left: 15px; }

.index-new-list li.img { line-height: normal; padding-left: 0px; background: none; padding-top: 15px; }

.index-new-list li a { color: #5f6467; }

.part-3 { margin: 0px auto; padding: 15px 0px; }

.link-title { line-height: 32px; font-size: 16px; }

.link-title label { padding-left: 5px; font-size: 14px; }

.link-list { border: 1px solid #ccc; }

.link-list li { display: inline-block; padding: 5px; }

.footer { color: #FFF !important; }

.footer a { color: #FFF !important; }

.footer-nav { background: #f1f4f5; padding-top: 16px; padding-bottom: 25px; border-top: 1px solid #FFF; }

.footer-nav ul { }

.footer-nav ul li { display: inline-block; float: left; width: 109px; }

.footer-nav > ul > li:last-child { width: 108px; }

.footer-nav ul li a { color: #505050; line-height: 35px; font-size: 16px; display: block; font-weight: 800; }

.footer-nav ul li ul { }

.footer-nav ul li ul li { padding: 0px 0px; }

.footer-nav ul li ul li a { line-height: 30px; font-weight: normal; font-size: 14px; }

.footer-cr { background: #d3d3d4; min-height: 150px; text-align: center; border-top: 2px solid #FFF; }

.footer-cr-logo { vertical-align: top; margin-top: 50px; }

.footer-cr-content { display: inline-block; margin-top: 30px; border-left: 1px solid #9fa5a9; margin-left: 10px; padding-left: 10px; line-height: 25px; text-align: left; }


.about { margin: 0px auto; padding: 20px 0px 60px 0px; }



.about-company { border-bottom: 1px solid #ccc; padding-top: 20px; margin-bottom: 5px; font-size: 16px; text-indent: 20px; }

.about-img img { display: inline-block; }

.about-img img.img1 { margin-right: 5px; }



.device { margin: 0px auto; padding: 20px 0px 60px 0px; }

.device-content { background: #e8e8eb; padding: 5px 0px; }

.device-content p { text-indent: 10px; line-height: 30px; background: #e8e8eb; color: #585b5b; }

.device-content p.p1 { color: #b74038; }

.device-img { padding: 15px 0px; }

.device-img img { display: inline-block; margin-right: 2px; }

.device-img2 { padding-top: 15px; }

.device-img2 img { padding-bottom: 10px; }


.logistics { margin: 0px auto; padding: 20px 0px 60px 0px; }

.logistics-content { line-height: 30px; }

.logistics-content h3 { text-indent: 20px; border-bottom: 1px solid #ccc; }

.logistics-content h4 { text-indent: 20px; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; }

.logistics-content p { text-indent: 20px; line-height: 35px; }

.logistics-company { border-bottom: 1px solid #ccc; padding-top: 20px; margin-bottom: 5px; font-size: 16px; text-indent: 20px; }

.logistics-img { padding: 20px 0px; }

.logistics-img img { display: inline-block; }

.logistics-img img.img1 { margin-right: 5px; }


.new { margin: 0px auto; padding: 20px 0px 60px 0px; }

.new-list { padding-top: 10px; padding-right: 100px; }

.new-list li { border-bottom: 1px solid #eef1f1; line-height: 38px; font-size: 16px; }

.new-list li a { }

.new-list li label { float: right; }


.contact { margin: 0px auto; padding: 20px 0px 60px 0px; }

.contact-content { line-height: 30px; }

.contact-content h3 { text-indent: 20px; border-bottom: 1px solid #ccc; }

.contact-content h4 { text-indent: 20px; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; }

.contact-content p { padding-left: 20px; line-height: 35px; }

.contact-content p.p1 { padding-bottom: 20px; text-indent: -10px; }

.contact-img { padding: 20px 0px; }

.contact-img img { display: inline-block; }

.contact-img img.img1 { margin-right: 5px; }



.product { margin: 0px auto; padding: 20px 0px 60px 0px; }

.product-content { line-height: 30px; }

.product-content h3 { text-indent: 20px; border-bottom: 1px solid #ccc; }

.product-content h4 { text-indent: 20px; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; }

.product-content p { padding-left: 20px; line-height: 35px; }

.product-content p.p1 { padding-bottom: 20px; text-indent: -10px; }

.product-content table { border: 1px solid #ccc; margin-top: 5px; }

.product-content .item1 { padding-bottom: 30px; text-align: left; }

.product-content table td { vertical-align: top; text-align: right; }

.product-img { padding: 10px 0px; text-align: center; }

.product-img img { display: inline-block; width: 756px; margin-bottom: 10px; }

.product-img img.img1 { margin-right: 5px; }

.product-img-list { text-align: left; padding-top: 10px; }

.product-img-list li { display: inline-block; margin-right: 5px; overflow: hidden; width: 86px; }

.product-img-list li a { border: 1px solid #FFF; display: block; }

.product-img-list li a:hover { border: 1px solid #b84138; }

.product-img-list li img { width: 85px; height: 85px; }


.new-content h1 { text-align: center; font-size: 16px; line-height: 40px; }

.new-content-info { text-align: center; border-bottom: 1px solid #ccc; font: 12px "微软雅黑", sans-serif; line-height: 25px; }

.new-content-content { padding: 10px 0px; line-height: 23px; }

.new-content-content p { text-indent: 20px; padding: 5px 0px; }



.device-pic img { transition: all 0.6s; }

.device-pic img:hover { transform: scale(1.05); }

.client-2 img { transition: all 0.6s; }

.client-2 img:hover { transform: scale(1.05); }

.index-p2 { background: #cc4b4f; color: #FFF; font-size: 20px; letter-spacing: 4px; font-weight: bold; }


.relates { padding: 10px 0px 0px; }

.relates h4 { border-bottom: 1px solid #EEE; line-height: 30px; color: #000; margin: 5px 0px; }

.relates h4 label { /*background:#DDD;*/ display: inline-block; text-align: center; }

.relates ul { }

.relates ul li { float: left; width: 405px; background: url(../images/dot.gif) no-repeat left center; text-indent: 10px; }

.relates ul li a { font-size: 14px; }


.part1-content-other { padding: 10px 0px 0px; }

.part1-content-other h4 { border-bottom: 1px solid #EEE; line-height: 28px; color: #000; margin: 5px 0px; }

.part1-content-other h4 label { /*background:#DDD;*/ width: 100px; height: 100%; text-align: center; }

.part1-content-other ul { }

.part1-content-other ul li { float: left; width: 350px; line-height: 22px; background: url(../images/dot.gif) no-repeat left center; text-indent: 10px; }

.part1-content-other ul li a { font-size: 14px; color: #778288; }


.prev_next a { background: #f2f2f2; margin: 0px 0px; line-height: 28px; padding: 0.5em 1em; font-size: 14px; }


/*pager */
.p-pager { left: 50%; position: relative; float: left; }

.pager { margin-top: 20px; font-size: 12px; position: relative; margin-left: -50%; }

.pager a { padding: 4px 8px; margin: 0px 3px; text-decoration: none; background: #eff1ee; color: #222222; }

.pager a.current { background: #eff1ee; color: #c61b22; }

.pager a.die { }

.pager a.p-init, .pager a.p-first, .pager a.p-last { display: none; }

.pager a.p-prev { padding-left: 20px; background: url(../Images/p-prev.png) #eff1ee no-repeat 5px center; }

.pager a.p-next { padding-right: 20px; background: url(../Images/p-next.png) #eff1ee no-repeat 45px center; }

.barcode { position: absolute; top: 0px; left: 0px; z-index: 100; display: none; padding: 10px; background: #FFF; }



.part1-content-case-title { background: url(../images/t2_3_07.png) repeat-x left center; height: 38px; margin-top: 12px; color: #626a70; }

.part1-content-case-title-table { width: 100%; line-height: 38px; }

.part1-content-case-desc { line-height: 25px; color: #626a70; padding: 6px 0px; }

.part1-join-title,
.part1-cotnent-title,
.part1-content-title { color: #d1d6d9; height: 35px; background: #404545; line-height: 35px; padding-left: 20px; font-size: 14px; }

.part1-content-title a { color: #d1d6d9; padding: 0px 5px 0px 0px; }

.part1-content-title label { color: #ffffff; }

.part1-content-title-index { height: 50px; line-height: 50px; }

.part1-content-indexlist { }


.part1-content-case-pic img { max-width: 650px; padding-bottom: 5px; background: #FFF; padding: 8px; border: 1px solid #efefef; margin: 20px 0px; -webkit-box-shadow: 3px 3px 3px #ccc; -moz-box-shadow: 3px 3px 3px #ccc; box-shadow: 3px 3px 3px #ccc; }

.part1-content-case-pic { text-align: center; background: #efefef; }


.centered-btns_nav { position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); left: 0; opacity: 0.2; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 61px; width: 38px; background: url(../images/themes.gif) transparent no-repeat left top; margin-top: -45px; }

.centered-btns_nav:active { opacity: 1.0; }


.centered-btns_nav:hover { opacity: 0.7; }


.centered-btns_nav.next { left: auto; background-position: right top; right: 0; }

.centered-btns_nav.prev { left: auto; background-position: left top; right: 0; margin-left: 0px; }

.prev, .next { width: 34px; height: 100%; line-height: 100%; vertical-align: middle; position: absolute; z-index: 9999; top: 0px; display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center; display: -moz-box; -moz-box-orient: horizontal; -moz-box-pack: center; -moz-box-align: center; display: -o-box; -o-box-orient: horizontal; -o-box-pack: center; -o-box-align: center; display: -ms-box; -ms-box-orient: horizontal; -ms-box-pack: center; -ms-box-align: center; display: box; box-orient: horizontal; box-pack: center; box-align: center; }

.prev { left: 50%; margin-left: -544px; }

.next { left: 50%; margin-left: 510px; }

.prev span, .next span { width: 34px; height: 70px; display: block; background: url(../images/z3g_arrow_06.png) no-repeat; vertical-align: middle; }

.prev .touch, .next .touch { opacity: 0.7; }

#Prev { cursor: pointer; background-position: 0px 50%; }

#Next { cursor: pointer; background-position: -66px 50%; }



#imgbox-loading { position: absolute; top: 0; left: 0; cursor: pointer; display: none; z-index: 90; }

#imgbox-loading div { background: #FFF; width: 100%; height: 100%; }

#imgbox-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; display: none; z-index: 80; }

.imgbox-wrap { position: absolute; top: 0; left: 0; background: #FFF; display: none; z-index: 90; }

.imgbox-img { padding: 0; margin: 0; border: none; width: 100%; height: 100%; vertical-align: top; }

.imgbox-title { padding-top: 10px; font-size: 11px; text-align: center; font-family: Arial; color: #333; display: none; }

.imgbox-bg-wrap { position: absolute; padding: 0; margin: 0; display: none; }

.imgbox-bg { position: absolute; width: 20px; height: 20px; }




.centered-btns_nav { position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); left: 0; opacity: 0.2; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 61px; width: 38px; background: url(../images/themes.gif) transparent no-repeat left top; margin-top: -45px; }

.centered-btns_nav:active { opacity: 1.0; }


.centered-btns_nav:hover { opacity: 0.7; }


.centered-btns_nav.next { left: auto; background-position: right top; right: 0; }

.centered-btns_nav.prev { left: auto; background-position: left top; right: 0; margin-left: 0px; }

#focusindex { height: 429px; overflow: hidden; position: relative; }

#focusindex li { height: 429px; overflow: hidden; position: absolute; width: 100%; }

#focusindex .btnw { display: none; position: absolute; z-index: 90; bottom: 0; left: 50%; margin-left: -275px; padding-bottom: 15px; }

#focusindex .btnw span { display: inline-block; _display: inline; _zoom: 1; width: 30px; height: 5px; _font-size: 0; margin: 5px; cursor: pointer; background: #adadad; z-index: 9; }

#focusindex .btnw span.on { background: #fff; z-index: 9; }

#focusindex .preNext { width: 53px; height: 96px; position: absolute; top: 200px; background: url(/content/images/sprite.png) no-repeat left bottom; cursor: pointer; z-index: 9; opacity: 0; transition: all 0.3s linear 0s; }

#focusindex .pre { left: 0%; z-index: 9; }

#focusindex .next { right: 0%; background-position: right bottom; z-index: 9; }

#focusindex:hover .preNext { opacity: 0.5; }

#focusindex:hover .pre { left: 10%; }

#focusindex:hover .next { right: 10%; }

#focusindex .pre:hover, #focusindex .next:hover { opacity: 1; }

.ban_box { width: 1000px; height: 550px; position: relative; margin: 0 auto; }

.index-case { margin: 0px auto; padding-top: 15px; }

.index-case-header { line-height: 60px; font-family: '微软雅黑'; }

.index-case ul { display: inline-block; }

.index-case ul li { width: 294px; height: 266px; float: left; margin: 0px 49px 14px 0px; }

.index-case ul li a { font-family: '微软雅黑'; display: block; width: 100%; height: 100%; transition: all .2s linear; background: #FFF; }

.index-case ul li a img { width: 294px; height: 185px; }

.index-case ul li a label { display: inline-block; width: 100%; text-align: left; text-indent: 20px; height: 25px; overflow: hidden; cursor: pointer; line-height: 25px; padding-top: 15px; font-size: 16px; }

.index-case ul li a span { display: inline-block; width: 100%; text-align: left; text-indent: 20px; cursor: pointer; line-height: 25px; font-size: 14px; }

.index-case ul li a:hover { box-shadow: 0 15px 30px rgba(0,0,0,0.1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); }

.index-case2 { border-top: 1px solid #cc0000; padding-top: 0; margin-top: 30px; }

.index-case2 ul li a { background: none; }

.index-case2 ul li a:hover { box-shadow: none; -webkit-transform: none; transform: none; }

.index-case2 ul li a label { text-indent: 0; }

.index-info { padding: 10px 0px 0px 0px; border-top: 1px dotted #ccc; margin-top: 10px; }

.index-info p { line-height: 35px; text-indent: 35px; }

.hidden-md { display: none !important; }

.w-100 { width: 100% !important; }


.flow { bottom: 20px; position: fixed; right: 2em; width: 63px; height: 178px; }

.flow-prev { width: 63px; height: 58px; }

.flow-prev a { display: block; width: 63px; height: 58px; background: #b8bdc0; }

.flow-prev a:hover { background: #af251c; }

.flow-prev a b { display: block; width: 63px; height: 58px; background: url(../images/top.png) no-repeat left top; }

.flow-next { width: 63px; height: 58px; border-top: 2px solid #FFF; }

.flow-next a { display: block; width: 63px; height: 58px; background: #b8bdc0; }

.flow-next a:hover { background: #af251c; }

.flow-next a b { display: block; width: 63px; height: 58px; background: url(../images/top.png) no-repeat left -60px; }

.flow-top { width: 63px; height: 58px; }

.flow-top a { display: block; width: 63px; height: 58px; background: #b8bdc0; }

.flow-top a:hover { }

.flow-top a b { display: block; width: 63px; height: 58px; background: url(../images/top.png?t=1) no-repeat left -120px; }

.flow-top a:hover b { background: url(../images/top.png?t=1) no-repeat left -178px; }

.company_c_l { width: 376px; float: left; }

.company_c_l a { display: block; }

.company_c_l a img.fhover { display: none; }

.company_c_l a:hover img.fhover { display: inline-block; }

.company_c_l a:hover img.normal { display: none; }

.company_c_r { width: 580px; float: right; }

.company_c_r p { line-height: 26px; }

.container { margin: 0px auto; }



.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent }

.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0 }

.slick-list:focus { outline: none }

.slick-list.dragging { cursor: pointer; cursor: hand }

.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }

.banner { display: table; width: 100%; height: auto }

.banner.banner-ny-h { height: 150px }

.banner.banner-ny-h .slick-slide img { min-height: 100px }

.banner .slick-slide { display: block; width: 100%; position: relative; height: auto; overflow: hidden; float: left; }

.banner .slick-slide img { min-height: 100px; min-height: auto }

.banner .slick-slide img[data-lazy] { max-height: 150px }

.banner .slick-slide .banner-text > a { position: absolute; top: 0; left: 0; z-index: 1; display: block; width: 100%; height: 100% }

.banner.slick-slider { display: block }

.banner .slick-list { height: 100%; background: 0 0 }

.banner .slick-track { height: 100% }

.banner .slick-prev::before { display: none }

.banner .slick-next::before { display: none }

.banner .slick-arrow { z-index: 1; width: auto; height: auto; color: #fff; text-align: center; top: 50% }

.banner .slick-arrow::after, .banner .slick-arrow::before { display: none }

.banner .slick-arrow.slick-next { right: 5rem }

.banner .slick-arrow.slick-prev { left: 5rem }

.banner .slick-arrow i { font-size: 1.2rem; padding: 1rem; color: #fff; background: rgba(0,0,0,.5); opacity: 1; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -o-transition: all .3s ease; border-radius: 50% }

.banner .slick-arrow:hover i { color: #fff !important; background: var(--hovercolor) !important }

.banner .slick-dots { bottom: 20px; margin: 0 }

.banner .slick-dots li { margin: 0 5px; width: auto; height: auto }




.banner .slick-dots li button::before { display: none }

.banner .slick-dots li.slick-active button, .banner .slick-dots li:hover button { background: var(--hovercolor) }

.banner .banner-text { position: absolute; top: 0; left: 0; z-index: 12; width: 100%; height: 100% }

.banner .banner-text .container { display: table; height: 100%; text-align: center }

.banner .banner-text .container .banner-text-con { display: table-cell; vertical-align: middle }

.banner .banner-text.p-3 { top: 10% }

.banner .banner-text.p-3 .container .banner-text-con { vertical-align: top }

.banner .banner-text.p-3 .container .banner-text-con > div { float: right; width: 70%; display: inline-block; width: 70% }

.banner .banner-text.p-4 { top: auto; bottom: 10% }

.banner .banner-text.p-4 .container .banner-text-con { vertical-align: bottom; width: 100% }

.banner .banner-text.p-4 .container .banner-text-con > div { display: inline-block; width: 70% }

.banner .banner-text h3 { color: #fff; margin: 0; font-size: 2.6rem }

.banner .banner-text p { color: #fff; margin: 1rem 0 0; text-shadow: none; font-size: 1.4rem }

.banner .banner-text .banner-btn { position: relative; z-index: 2; margin: .8rem -.3rem 0 }

.banner .banner-text .banner-btn .btn { margin: 0 .3rem; font-size: 1rem; padding: .5rem 1.5rem; background: var(--hovercolor); border-color: var(--hovercolor); color: #fff }

.banner .banner-text .banner-btn .btn:hover { background: var(--secondcolor); border-color: var(--secondcolor) }

.banner .banner-text.p-1 .container { text-align: left }

.banner .banner-text.p-1 .container .banner-text-con > div { float: left; width: 70% }

.banner .banner-text.p-2 .container { text-align: right }

.banner .banner-text.p-5 .container .banner-text-con > div { display: inline-block; width: 70% }

.banner.fixedheight .slick-slide { height: 100% }

.banner.fixedheight .slick-slide img { height: 100% }

.banner:hover .slick-arrow { display: block !important }

@media screen\0 {
    .banner .slick-arrow.slick-prev { background: rgba(0,0,0,.001) }

    .banner .slick-arrow.slick-next { background: rgba(0,0,0,.001) }

    .banner.fixedheight .slick-slide img { left: 0; width: 100% }
}

@media (max-width:1199.98px) {
    .banner.banner-ny-h { height: 100px }

    .banner .banner-text h3 { font-size: 2rem }

    .banner .banner-text p { font-size: 1rem }
}

@media (max-width:991.98px) {
    .banner { min-height: auto }

    .banner .slick-dots { bottom: 10px }

    .banner .slick-dots li { margin: 0 3px }

    .banner .slick-arrow.slick-next { right: 1rem }

    .banner .slick-arrow.slick-prev { left: 1rem }

    .banner .slick-arrow i { font-size: 1.2rem; padding: .5rem }

    .banner .banner-text .container { width: 100% }

    .banner .banner-text h3 { font-size: 1.3rem }

    .banner .banner-text p { margin-top: .6rem; font-size: .9rem }

    .banner .banner-text .banner-btn { margin: 0 -.1rem; margin-top: 6px !important }

    .banner .banner-text .banner-btn .btn { margin-right: .1rem !important; margin-left: .1rem !important; font-size: .8rem; line-height: 1.2; padding: .5rem 1.2rem }

    .banner .banner-text.p-4 .container .banner-text-con { width: 100% }

    .banner .banner-text.p-5 .container .banner-text-con > div { width: 100% }

    .banner .slick-slide img { min-height: auto }
}

@media (max-width:767.98px) {
    .banner .banner-text h3 { font-size: 1.1rem }

    .banner .banner-text p { margin-top: .3rem; font-size: .8rem }

    .banner .banner-text .banner-btn .btn { font-size: .8rem !important; padding: .5rem 1rem }
}

.banner-ny { height: 120px; background: var(--hovercolor) }

.banner-ny h1 { padding: 10px 30px; margin: 0; font-size: 35px; font-weight: 300; color: #fff; text-shadow: none }

.banner-ny h2 { padding: 10px 30px; margin: 0; font-size: 35px; font-weight: 300; color: #fff; text-shadow: none }

.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both }

.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite }

.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s }



.container-banner { color: #fff }

.container-banner img { display: block; margin: auto }


.container-banner .banner .slick-dots { bottom: 30px }

.container-banner .banner .slick-dots li button { width: 50px; height: 2px; background: #CCC; }

.container-banner .banner .slick-dots li button:after { content: ''; position: absolute; left: -3px; right: -3px; top: -3px; bottom: -3px; }

.container-banner .banner .slick-dots li.slick-active button, .container-banner .banner .slick-dots li:hover button { background: var(--secondcolor) }

.container-banner .banner .slick-dots li.slick-active button:after, .container-banner .banner .slick-dots li:hover button:after { border-color: var(--secondcolor) }

@media (max-width:47.98em) {
    .container-banner .banner .slick-dots { bottom: 10px }

    .container-banner .banner .slick-dots li button { width: 6px; height: 6px }

    .container-banner .banner .banner-text h3 { font-size: 1.4rem; padding: 0 0 .3rem; margin: 0 0 0 }

    .container-banner .banner .banner-text p { font-size: .9rem; line-height: 1.2rem; margin: .5rem 0 .5rem }
}

@media (max-width:35.98em) {
    .container-banner .banner .banner-text h3 { font-size: 1.2rem }

    .container-banner .banner .banner-text p { margin: .3rem 0 0 }
}

/* bm-2 */
.bm-2 { background: #F5F5F5; overflow: hidden; }

.bm-2 .bm-con { padding-bottom: 100px; height: 1345px; position: relative; }

.bm-2 .bm-con .c-box { left: -100px; top: 0; width: 1600px; position: absolute; }

.bm-2 .bm-con dl { margin: -20px 0 0 -20px; }

.bm-2 .bm-con dl dd { margin: 20px 0 0 20px; width: 520px; display: inline-block; float: left; }

.bm-2 .bm-con dl dd a { height: 435px; display: block; position: relative; }

.bm-2 .bm-con dl dd a:before { content: " "; left: 0; top: 0; width: 100%; height: 100%; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; display: block; background: rgba(0,0,0,.2); position: absolute; }

.bm-2 .bm-con dl dd .box { left: 100px; top: 255px; color: #FFF; position: absolute; }

.bm-2 .bm-con dl dd .box:before { content: " "; left: 0; top: 0; width: 60px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; border-bottom: 5px solid #FFF; position: absolute; }

.bm-2 .bm-con dl .on .box { left: auto; right: 100px; text-align: right; }

.bm-2 .bm-con dl .on .box:before { left: auto; right: 0; }

.bm-2 .bm-con dl dd .til { padding-top: 20px; line-height: 60px; font-size: 30px; font-weight: bold; }

.bm-2 .bm-con dl dd .con { line-height: 22px; font-size: 18px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; opacity: 0; }

.bm-2 .bm-con dl dd .con em { margin-left: 10px; color: #C81839; }

.bm-2 .bm-con dl .d-1, .bm-2 .bm-con dl .d-4 { width: 1060px; }

.bm-2 .bm-con dl dd a:hover:before { background: rgba(0,0,0,.5); }

.bm-2 .bm-con dl dd a:hover .box:before { border-color: #C81839; }

.bm-2 .bm-con dl dd a:hover .con { opacity: 1; }

.bm-2 .bm-con dl .d-1 a { background: url(/content/images/index-b2-1.png) no-repeat center center; }

.bm-2 .bm-con dl .d-2 a { background: url(/content/images/index-b2-2.png) no-repeat center center; }

.bm-2 .bm-con dl .d-3 a { background: url(/content/images/index-b2-3.png) no-repeat center center; }

.bm-2 .bm-con dl .d-4 a { background: url(/content/images/index-b2-4.png) no-repeat center center; }

.bm-2 .bm-con dl .d-5 a { background: url(/content/images/index-b2-5.png) no-repeat center center; }

.bm-2 .bm-con dl .d-6 a { background: url(/content/images/index-b2-6.png) no-repeat center center; }

.bm-2 .bm-con dl .d-7 a { background: url(/content/images/index-b2-7.png) no-repeat center center; }



.new-container { padding-bottom: 50px; }

.new-container h6 { padding: 0px; margin: 5px 0px 0px; }

.new-container ul { padding-top: 10px; margin-top: 0px; padding-left: 0px; }


.slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent }

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent }

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1 }

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25 }

.slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }

.slick-prev { left: -25px }



.slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center }

.slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer }

.slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent }

.slick-dots li button:hover, .slick-dots li button:focus { outline: none }

.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1 }

.slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }

.slick-dots li.slick-active button:before { opacity: .75; color: black }



.search-key { padding: 0.9rem 0; background: #f2f2f2; }

.search-key .keywords { color: #898989; padding: .4rem 0 }

.search-key .keywords a { color: #999; margin-right: .6rem }

.search-key .keywords a:last-child { margin-right: 0 }

.search-key .keywords a:hover { color: var(--hovercolor) }

.search-key .input-group { max-width: 500px; margin: 0 auto }

.search-key .input-group .form-control { height: inherit }

.search-key .input-group .form-control::-webkit-input-placeholder { color: #999 !important }

.search-key .input-group .form-control::-moz-placeholder { color: #999 !important }

.search-key .input-group .form-control:-ms-input-placeholder { color: #999 !important }

.search-key .input-group .form-control::placeholder { color: #999 !important }

.search-key .input-group .form-control:focus { border-color: var(--hovercolor) }

.search-key .input-group .input-group-append { cursor: pointer }

.search-key .input-group .input-group-append .btn { background: var(--hovercolor); border-color: var(--hovercolor) }

.search-key .input-group .input-group-append .btn:hover { background: var(--hovercolor); border-color: var(--hovercolor); opacity: .8 }

.index-b2-p { margin-top: .65rem; margin-bottom: .65rem; }

.index-b2-p a:before { content: " "; left: 0; top: 0; width: 100%; height: 100%; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; display: block; background: rgba(0,0,0,.5); position: absolute; opacity: 0; }

.index-b2-p a:hover:before { opacity: 0.7; }

.index-b2-box { left: 40px; top: 40%; color: #FFF; position: absolute; }

.index-b2-box2 { left: initial; top: initial; bottom: 20px; right: 10px; }
.index-b2-box:before { transition: all .3s; content: " "; left: 0; top: 0; width: 60px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; border-bottom: 3px solid #FFF; position: absolute; }





.index-b2-box .til { padding-top: 20px; line-height: 60px; font-size: 28px; font-weight: bold; color: #FFF; letter-spacing: 8px; }

.index-b2-box .con { line-height: 22px; font-size: 18px; letter-spacing: 4px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; opacity: 0; color: #FFF; }

.index-b2-p a:hover .con { opacity: 1; }

.index-b2-box .con em { margin-left: 10px; color: #C81839; }


.index-b2-p a:hover .index-b2-box:before { border-color: #C81839; }

.index-b2-btext { padding-left: 60px; font-size: 16px; }

.index-b2-btext .number { line-height: 2.5em; }

.index-b2-btext .number b { font-size: 60px; }

.index-b2-btext .number label { color: #cc4b4f; font-size: 32px; font-weight: bold; }

.about-row { background: #f1f5f7; }

.index-title4 { font-size: 20px; margin-top: 0px !important; padding: 1em 0; }
.about-right { padding: 2em 2em; color: #000; }
.about-right p { padding-bottom: 1em; text-indent: 0; font-size: 14px; line-height: 2em; }
.about-right .header { font-size: 16px; font-weight: bold; padding-bottom: 0; }
.about-right .header { font-size: 16px; font-weight: bold; padding-bottom: 0; }

.new-container a { color: #5a5858; }
.new-container a:hover { color: #cc4b4f;}




@media screen and (max-width:600px) { .w-sm-100 { width: 100% !important; }
    .text-tcy-sm-center { text-align: center; }

    .img-content img { width: 100% !important; }

    .center-480 { text-align: center !important; }

    .float-none-480 { float: none !important; }

    .pt-10 { padding-top: 10px !important; }

    .pb-10 { padding-bottom: 10px !important; }

    .mt-10 { margin-top: 10px !important; }

    .mb-10 { margin-bottom: 10px !important; }

    .ml-10 { margin-left: 10px !important; }

    .mr-10 { margin-right: 10px !important; }

    .mt-sm-20 { margin-top:20px;}
    .mr-0 { margin-right: 0px !important; }
    .border-hidden-480 { border: none; }
    .box, .index-desc-tags, .index-client, .top-top1, .device, .contact, .about, .index-case, .new, .logistics,
    .index-case-list-right { width: 100% !important; overflow: hidden !important; }

    .about { overflow: hidden !important; padding-bottom: 10px !important; }

    .top-nav { display: none; background: #000; margin-top: 0 !important; }

    .top-nav ul { width: 100% !important; }

    .top-nav ul li { border-bottom: 1px solid #FFF; }

    .index-case-list { width: 100% !important; }

    .top-nav ul li ul { position: initial !important; }

    .top-top1-logo img { border-right: none !important; }

    .top-nav ul li a { padding: 10px 0; }

    .top-nav ul li { float: none !important; width: 100% !important; margin-left: 0px !important; margin-right: 0px !important; }

    .index-desc-list { width: 100% !important; }

    .index-desc-list ul li { width: 48% !important; float: left !important; margin-top: 10px !important; margin-left: 1%; margin-right: 0 !important; }

    .index-desc-list ul li a { width: 100% !important; }

    .index-case-list-right-ul1 li { width: 48% !important; float: left !important; margin-top: 10px !important; margin-left: 1%; margin-right: 0 !important; }

    .index-case-list-right-ul1 a { width: 100% !important; }

    .index-case-list-right-ul2 li { width: 100% !important; }

    .index-client-list ul li { float: none !important; width: 100% !important; }

    .index-new { width: 100% !important; }

    .common-left { display: none !important; }

    .part-2, .part-3 { width: inherit !important; padding-left: 10px !important; padding-right: 10px !important; }

    .product { width: 100% !important; }

    .common-right { width: initial !important; float: none !important; padding-left: 10px !important; padding-right: 10px !important; }

    .roll { display: none !important; }

    .contact-content p { padding-left: inherit !important; }

    .contact-content img, .contact-content img, .index-case-list-right-ul1 a i img, .index-case-list-right-ul2 a i img { width: 100% !important; height: initial !important; }

    .index-case-list-right-ul1 a i, .index-case-list-right-ul2 a i { height: inherit !important; }

    .index-case-list-right-ul2 a, .index-case-list-right-ul2 a { width: inherit !important; height: inherit !important; }

    .index-new { margin-right: initial !important; padding-bottom: 5px !important; }

    .index-new-title a { position: initial !important; }

    .footer-cr-content, .footer-nav, .index-case ul, .index-case-header, .index-case-list-right-ul1, .index-case-list-right-ul2 { padding-left: 10px !important; padding-right: 10px !important; }

    .index-case ul li, .index-case ul li a img { width: 100% !important; height: inherit !important; }

    .product-img img { width: 100% !important; height: initial !important; }

    #focusindex li, #focusindex2 li { background-size: 100% !important; }

    #focusindex li { height: 100px !important; }

    #focusindex { height: 100px !important; display: none !important; }

    .footer-nav ul { width: 100% !important; }

    .footer-nav ul li.i { float: none !important; }

    .contact-info-text { width: initial !important; }

    .top-menu { display: none; }

    .index-case ul li a figcaption { position: initial !important; display: none !important; }

    .hidden-480 { display: none !important; }

    .d-480 { display: block !important; }

    .index-two-pic { padding: 10px 0px !important; }

    .culture2 img { height: initial !important; }

    .culture-middle { display: none !important; }

    .join-item { margin-left: 0px !important; margin-right: 0px !important; }

    .culture-middle2 { display: none !important; }

    .service-m div { width: initial !important; float: none !important; }

    .pager { margin-left: initial !important; }

    .p-pager { left: initial !important; }

    .index-new-title { position: relative !important; }

    .mini-menu { background: none; margin-top: 20px !important; margin-bottom: 20px !important; }

    .mini-menu .contact-line ul li { float: left !important; width: 49% !important; margin-right: 2% !important; }

    .mini-menu .contact-line ul li.mr-0 { margin-right: 0% !important; }

    .mini-menu .contact-line ul li a { background: #000; }

    .top-nav ul li ul { border-top: 1px solid #FFF; }

    .top-nav ul li ul li a { border-bottom: none !important; text-align: center; }

    .new-content-content p { text-indent: initial !important; }

    .index-case-list-right-ul1 a i img, .index-case-list-right-ul2 a i img { -webkit-filter: initial; -moz-filter: initial; -ms-filter: initial; -o-filter: initial; filter: initial; filter: initial; }

    .index-text { font-size: 1.2em; padding: 10px 0px !important; }

    .index-new-list img { width: 100% !important; }

    .footer-nav ul li a { line-height: 30px !important; }

    .part1-content-case-pic img, .new-content-content img { width: 100% !important; padding: 0px !important; margin: 0px !important; }

    .product-img img, .product-img-list img, .product-img-list li, .about-img img, .device-img img,
    .logistics-img img, .contact-img, .index-client-list ul li img { width: 100% !important; margin: 5px 0px !important; height: initial !important; }

    .index-case-list-right-ul1 a i { -webkit-filter: inherit; -moz-filter: inherit; -ms-filter: inherit; filter: initial; filter: initial; }

    .footer-cr { height: initial !important; padding-bottom: 50px; }

    .flow { display: none !important; }

    .w_auto_480 { width: auto !important; }

    .top-nav ul li a { color: #FFF; }
    .index-b2-box { left:20px;}
    .index-b2-box:before { border-color: var(--main-color-hover); border-bottom-width: 2px; }
    .index-b2-box .til { font-size: 18px; line-height: 30px;letter-spacing:5px; }
    .index-b2-box .con { opacity: 1; font-size: 12px;display:none; }
    .client-3 .col-4 { padding-bottom: 0.35rem; }
    .index-b2-btext { padding-left: 0; margin-top: 20px; }

    .index-p2 { font-size:16px;padding-left:10px;padding-right:10px;}
    .new-list { padding-right:0;}
    .relates h4 img { width:initial !important;}
}