ul,li{list-style:none;} *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: 0 } #bsWXBox { box-sizing: content-box } ul { list-style: none } body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, b, small, u, i, center, dl, dt, dd, ol, ul, li, sub, sup, tt, var, del, dfn, ins, kbd, q, s, samp, strike, applet, object, iframe, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, blockquote, pre, a, abbr, acronym, address, big, cite, code, mark, audio, video, input, textarea, select { margin: 0; padding: 0 } body { font-family: "microsoft yahei", arial; font-size: 14px; color: #666; line-height: 1.5; width: 100%; background: #fff; -webkit-tap-highlight-color: transparent } a:link, a:visited { text-decoration: none; outline: 0; color: #666 } a:hover, a:active, a:focus { color: #666; text-decoration: none } img { border: 0; max-width: 100% } table { border-collapse: collapse; width: 100% } h1, h2, h3, h4, h5, h6 { font-weight: normal } input, textarea { font-size: 14px; outline: 0; overflow: hidden; font-family: arial, "microsoft yahei" } input[type='reset'], input[type='button'], input[type='submit'], input[type='radio'] { cursor: pointer; outline: 0 } input[type='checkbox'], input[type='radio'] { position: relative; vertical-align: middle; margin-top: -2px; margin-bottom: 1px; margin-left: 5px; margin-right: 5px } textarea, input[type='email'], input[type='date'], input[type='password'], input[type='text'] { padding: 0; color: #666; outline: 0 } input[type="submit"], input[type="reset"], input[type="button"], input[type='text'], select, button { -webkit-appearance: none } input, select, textarea { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); border-radius: 0 } ::-webkit-input-placeholder { color: #666 } :-moz-placeholder { color: #666; opacity: 1 } ::-moz-placeholder { color: #666; opacity: 1 } :-ms-input-placeholder { color: #666 } .fl { float: left } .fr { float: right } .clearfix:after { clear: both; height: 0; content: ""; line-height: 0; font-size: 0; display: block } .pic { width: 100%; overflow: hidden; position: relative } .pic:after { content: ""; display: block; padding-bottom: 100% } .middleCenter { position: absolute; top: 0; bottom: 0; left: 0; right: 0; max-width: 100%; max-height: 100%; display: block; vertical-align: middle; text-align: center; margin: auto } .container { margin-right: auto; margin-left: auto; width: 1280px } @media (max-width: 1280px) { .container { margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; width: 100% } } #container { overflow: hidden; background: #fff } .header { height: 97px; width: 100%; position: fixed; background: #fff; top:0; left:0; z-index:6888; box-shadow: 0 0 7px 0 rgba(4,0,0,0.11); } .header .container { width: 100% } .header .logo { padding: 12px 0 0 51px; overflow: hidden; float: left } .header .logo a { display: block; overflow: hidden } .header .logo a img { display: block; float:left; } .header .logo a span{ font-size:18px; color:#333; line-height:28px; background: url("../../skin/images/index10_03.png")/*tpa=http://www.slgzsb.com/images/index10_03.png*/ no-repeat center left; padding-left:16px; margin-left:16px; display: block; float: left; margin-top: 10px; } .header .nav { float: right; background: url("../../skin/images/line.jpg")/*tpa=http://www.slgzsb.com/images/line.jpg*/ no-repeat center right; padding-right: 38px } .header .nav ul li { font-size: 18px; cursor: pointer; float: left; margin-left: 40px; position: relative } .header .nav ul li a { display: block; transition: all .16s; line-height: 94px; color: #333; position: relative; padding: 0 11px } .header .nav .subnav { display: none; position: absolute; left: 50%; top: 97px; z-index: 999; font-size: 14px; width: 210px; margin-left: -105px; text-align: center; background: rgba(246, 247, 249, 0.95) } .header .nav .subnav dl { padding: 30px 0; z-index: 4; position: relative } .header .nav .subnav dl dd a{color:#333;} .header .nav ul li:nth-child(3):hover .subnav{ opacity: 0; } .header .nav ul li:nth-child(3):hover .pronav{ opacity: 1; } .header .nav .subnav dl dd { text-align: center; display: block } .header .nav .subnav dl dd a { color: #666; font-size: 14px; line-height: 31px; height: 31px; display: inline-block; background: url(../../skin/images/dot17.png)/*tpa=http://www.slgzsb.com/images/dot17.png*/ no-repeat center right; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 180px; transition: .5s; font-weight: normal; position: relative; padding: 0 11px 0 0 } .header .nav .pronav { position: absolute; left: 50%; top: 97px; z-index: 999; font-size: 14px; width: 210px; margin-left: -105px; text-align: left; background: rgba(246, 247, 249, 0.95); width: 100%; left: 0; margin-left: 0; position: absolute; width: 100%; } .header .nav .pronav dl { padding: 30px 0; z-index: 4; position: relative } .header .nav .pronav:hover{display:block!important;} .header .nav .pronav .container { width: 1280px; text-align: center } .header .nav .pronav .container dl { display: inline-block; max-width: 270px; margin-right: 55px; vertical-align: top; text-align: left; } .header .nav .pronav .container dl dt { margin-bottom: 6px } .header .nav .pronav .container dl dt a { font-size: 16px; color: #333; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-align: left; border: 0; padding: 0; line-height: 26px } .header .nav .pronav .container dl dd { text-align: left } .header .nav ul li .pronav .container dl dd a { border: 0 } .header .nav ul .pro-li { position: inherit } .header .nav ul .active a { border-bottom: 3px solid #d01725; color: #d01725 } .header .nav ul .active .subnav ul li a { border: 0 } .header .header-right { float: right } .header .header-right .phone { font-size: 30px; color: #000; float: left; font-weight: bold; line-height: 36px; background: url("../../skin/images/phone.png")/*tpa=http://www.slgzsb.com/images/phone.png*/ no-repeat center left; padding-left: 53px; letter-spacing: .2px; margin-top: 31px; margin-left: 42px; margin-right: 41px } .header .header-right .header-search { float: right } .header .header-right .header-search .pull-right { width: 100px } .header .header-right .header-search .pull-right a { display: block; height: 97px; transition: .5s; background: #d01725 url("../../skin/images/search.png")/*tpa=http://www.slgzsb.com/images/search.png*/ no-repeat center center } .header .header-right .search { z-index: 99; background: #f0f4f5 } .header .header-right .search .btn-search-max { z-index: 2; -webkit-transition: All .2s ease-in-out; transition: All .2s ease-in-out; position: relative } .header .header-right .search .btn-search-max * { display: inline-block; vertical-align: middle } .header .header-right .search .search-main { top: 97px; right: 0; z-index: 99; width: 100%; display: none; padding: 0 30px 13px 10px; position: absolute; background: #f6fafc } .header .header-right .search-container { padding-left: 0; width: 680px; margin: 30px auto; position: relative; padding-bottom: 60px } .header .header-right .search-info { width: 100%; float: left; margin-right: 2px; position: relative; background: #fff; border-bottom: 4px solid #d01725 } .header .header-right .search-info .inp_srh { background: #fff; border: 0; padding-left: 25px; font-size: 14px; color: #888; height: 50px; line-height: 50px; width: 100%; padding-right: 70px } .header .header-right .btn_srh { background: url("../../skin/images/search1.png")/*tpa=http://www.slgzsb.com/images/search1.png*/ no-repeat center center; width: 65px; height: 50px; line-height: 50px; border: 0; position: absolute; right: 0; font-size: 16px; color: #fff; top: 0 } .header .header-right #search-closed { right: 10px; top: 15px; max-width: 30px; position: absolute; cursor: pointer } .phone-nav { position: absolute; right: 10px; top: 0; line-height: 60px; display: none; color: #666; z-index: 5 } .phone-nav img { height: 22px; margin-top: 21px; display: block } #menu .phone { font-size: 22px; color: #333; float: left; font-weight: bold; line-height: 32px; background: url(../../skin/images/phone.png)/*tpa=http://www.slgzsb.com/images/phone.png*/ no-repeat center left; padding-left: 36px; letter-spacing: .2px; margin-bottom: 20px; margin-left: 23px; font-family: "DINPro-Black", arial; background-size: 28px } #menu .search { position: relative; border: 1px solid #ddd; margin: 10px 10px 10px 20px; background: #fff } #menu .search #btn1 { border: 0; font-size: 12px; color: #666; width: 23px; height: 35px; line-height: 35px; text-align: center; cursor: pointer; border-radius: 0; background: url(../../skin/images/search1.png)/*tpa=http://www.slgzsb.com/images/search1.png*/ no-repeat center center; background-size: 18px; outline: 0; position: absolute; top: 0; right: 5px } #menu .search #text1 { text-align: left; width: 100%; font-size: 14px; height: 35px; padding-right: 30px; padding-left: 6px; color: #666; line-height: 25px; padding-top: 4px; padding-bottom: 4px; vertical-align: top; -webkit-appearance: none; transition: .5s; border: 0; background: 0 } #menu .search #text1::-webkit-input-placeholder { color: #666 } #menu .search #text1:-moz-placeholder { color: #666; opacity: 1 } #menu .search #text1::-moz-placeholder { color: #666; opacity: 1 } #menu .search #text1:-ms-input-placeholder { color: #666 } #menu ul li a { display: block; color: #555 } #menu ul li b { font-size: 15px; font-weight: normal; float: left } .home-banner { overflow: hidden; width: 100%; position: relative; z-index: 1; margin-top:76px; } .home-banner .home-banner-slick { overflow: hidden; position: relative } .home-banner .home-banner-slick .slick-slide { position: relative } .home-banner .home-banner-slick .slick-slide img { width: 100% } .home-banner .home-banner-slick .slick-prev:before, .home-banner .home-banner-slick .slick-next:before { content: '' } .home-banner .home-banner-slick .slick-prev { width: 30px; height: 58px; margin-top: -29px; z-index: 5; left: 5%; background: url("../../skin/images/left.png")/*tpa=http://www.slgzsb.com/images/left.png*/ no-repeat center center !important } .home-banner .home-banner-slick .slick-next { width: 30px; height: 58px; margin-top: -29px; z-index: 5; right: 5%; background: url("../../skin/images/right.png")/*tpa=http://www.slgzsb.com/images/right.png*/ no-repeat center center !important } .home-banner .home-banner-slick .slick-dots { z-index: 10; bottom: 28px; line-height: 0; text-align: center } .home-banner .home-banner-slick .slick-dots li { margin: 0 4px; width: 41px; height: 6px; padding: 0; position: relative } .home-banner .home-banner-slick .slick-dots li button { width: 41px; height: 6px; display: block; background: #fff; padding: 0 } .home-banner .home-banner-slick .slick-dots li button:before { content: "" } .home-banner .home-banner-slick .slick-dots .slick-active button { background: #d01725 } .home-banner .home-banner-slick-phone { overflow: hidden; width: 100%; position: relative; display: none } .home-banner .home-banner-slick-phone .slick-slide { position: relative } .home-banner .home-banner-slick-phone .slick-slide img { width: 100% } .home-banner .home-banner-slick-phone .slick-dots { z-index: 10; bottom: 15px; line-height: 0; text-align: center } .home-banner .home-banner-slick-phone .slick-dots li { margin: 0 4px; width: 30px; height: 4px; padding: 0; position: relative } .home-banner .home-banner-slick-phone .slick-dots li button { width: 30px; height: 4px; display: block; background: #fff; padding: 0 } .home-banner .home-banner-slick-phone .slick-dots li button:before { content: "" } .home-banner .home-banner-slick-phone .slick-dots .slick-active button { background: #d01725 } @media (max-width: 1864px) { .header .logo { padding: 12px 0 0 15px } } @media (max-width: 1828px) { .header .nav ul li{ margin-left:30px; } } @media (max-width: 1758px) { .header .nav ul li { margin-left: 20px } } @media (max-width: 1688px) { .header .header-right .phone { margin-left: 20px; margin-right: 20px; font-size: 20px } } @media (max-width: 1567px) { .header .nav ul li a { padding: 0 6px } .header .nav ul li { font-size: 16px } } @media (max-width: 1445px) { .header .header-right .phone { font-size: 18px; background-size: 20px; padding-left: 28px } .header .logo a img { height: 50px } .header .logo { padding: 23px 0 0 15px; } .header .logo a span{ font-size: 15px; line-height: 18px; margin-top: 8px; } .header .nav { padding-right: 15px } } @media (max-width: 1285px) { .header .header-right .header-search .pull-right { width: 70px; } .header .logo { padding: 23px 0 0 10px; } .header .logo a span{ padding-left:10px; margin-left:10px; } .header .header-right .phone{ font-size: 16px; margin-left: 10px; margin-right: 10px; } .header .nav { padding-right: 10px; } } @media(max-width:1280px){ .header .logo { padding: 23px 0 0 0; } } @media (max-width: 1220px) { .header .logo a span { font-size: 14px; margin-top: 3px; } .header .nav { display: none } .phone-nav { display: block } .header { height: 60px } .header .logo { padding-top: 10px } .header .logo a img { height: 40px } .header .header-right .phone { display: none } .header .header-right .header-search { display: none } .header .header-right { padding-right: 30px } } @media (max-width: 1024px) { .home-banner { max-height: 585px } .home-banner .home-banner-slick { display: none } .home-banner .home-banner-slick-phone { display: block } } @media (max-width: 992px) { .home-banner { max-height: 576px } } @media (max-width: 768px) { .home-banner { max-height: 446px } } @media (max-width: 520px) { .home-banner { max-height: 302px } } @media (max-width: 414px) { .home-banner { max-height: 240px } } @media (max-width: 375px) { .home-banner { max-height: 218px } } @media (max-width: 360px) { .home-banner { max-height: 209px } } @media (max-width: 320px) { .home-banner { max-height: 186px } } .home-main { background: #f6f6f7 } .home-class { display: none; margin-top: 50px; position: relative; z-index: 6; padding-bottom: 56px } .home-class ul { box-shadow: 0 0 15px 0 rgba(8, 1, 2, 0.15); border-radius: 10px } .home-class ul li { float: left; width: 33.3333333%; text-align: center; transition: .5s } .home-class ul li .box { position: relative; padding-top: 125px; transition: .5s; background: #fff url("../../skin/images/line01.jpg")/*tpa=http://www.slgzsb.com/images/line01.jpg*/ no-repeat center left } .home-class ul li .pic { width: 125px; height: 125px; margin: 0 0 0 -63px; transition: .5s; position: absolute; top: 0; left: 50%; border-radius: 50%; border: 5px solid #fff } .home-class ul li .pic .ch { display: none } .home-class ul li .text { position: relative; padding: 24px 50px 39px 50px } .home-class ul li .text:before { content: ''; display: block; position: absolute; top: 0; left: 50%; margin-left: -15px; width: 30px; height: 2px; background: #d01725 } .home-class ul li .text .bt { font-size: 25px; color: #000; margin-bottom: 16px } .home-class ul li .text .jsh { font-size: 14px; color: #999; line-height: 25px; height: 50px; overflow: hidden } .home-class ul .first .box { border-bottom-left-radius: 10px; border-top-left-radius: 10px } .home-class ul .last .box { border-bottom-right-radius: 10px; border-top-right-radius: 10px } @font-face { font-family: "NotoSansHans-Bold"; src: url("../../skin/fonts/NotoSansHans-Bold.woff2")/*tpa=http://www.slgzsb.com/font/NotoSansHans-Bold.woff2*/ format("woff2"), url("NotoSansHans-Bold.woff")/*tpa=http://www.slgzsb.com/font/NotoSansHans-Bold.woff*/ format("woff"), url("/NotoSansHans-Bold.ttf")/*tpa=http://www.slgzsb.com/font//NotoSansHans-Bold.ttf*/ format("truetype"), url("/NotoSansHans-Bold.eot")/*tpa=http://www.slgzsb.com/font//NotoSansHans-Bold.eot*/ format("embedded-opentype"), url("/NotoSansHans-Bold.svg")/*tpa=http://www.slgzsb.com/font//NotoSansHans-Bold.svg*/ format("svg") } @font-face { font-family: "BasiliaT-Bold"; src: url("../../skin/fonts/BasiliaT-Bold.woff2")/*tpa=http://www.slgzsb.com/font/BasiliaT-Bold.woff2*/ format("woff2"), url("BasiliaT-Bold.woff")/*tpa=http://www.slgzsb.com/font/BasiliaT-Bold.woff*/ format("woff"), url("/BasiliaT-Bold.ttf")/*tpa=http://www.slgzsb.com/font//BasiliaT-Bold.ttf*/ format("truetype"), url("/BasiliaT-Bold.eot")/*tpa=http://www.slgzsb.com/font//BasiliaT-Bold.eot*/ format("embedded-opentype"), url("/BasiliaT-Bold.svg")/*tpa=http://www.slgzsb.com/font//BasiliaT-Bold.svg*/ format("svg"); font-weight: normal; font-style: normal } @font-face { font-family: "DINPro-Regular"; src: url("../../skin/fonts/DINPro-Regular.woff2")/*tpa=http://www.slgzsb.com/font/DINPro-Regular.woff2*/ format("woff2"), url("DINPro-Regular.woff")/*tpa=http://www.slgzsb.com/font/DINPro-Regular.woff*/ format("woff"), url("/DINPro-Regular.ttf")/*tpa=http://www.slgzsb.com/font//DINPro-Regular.ttf*/ format("truetype"), url("/DINPro-Regular.eot")/*tpa=http://www.slgzsb.com/font//DINPro-Regular.eot*/ format("embedded-opentype"), url("/DINPro-Regular.svg")/*tpa=http://www.slgzsb.com/font//DINPro-Regular.svg*/ format("svg") } @font-face { font-family: "NotoSansHans-Light"; src: url("../../skin/fonts/NotoSansHans-Light.woff2")/*tpa=http://www.slgzsb.com/font/NotoSansHans-Light.woff2*/ format("woff2"), url("NotoSansHans-Light.woff")/*tpa=http://www.slgzsb.com/font/NotoSansHans-Light.woff*/ format("woff"), url("/NotoSansHans-Light.ttf")/*tpa=http://www.slgzsb.com/font//NotoSansHans-Light.ttf*/ format("truetype"), url("/NotoSansHans-Light.eot")/*tpa=http://www.slgzsb.com/font//NotoSansHans-Light.eot*/ format("embedded-opentype"), url("/NotoSansHans-Light.svg")/*tpa=http://www.slgzsb.com/font//NotoSansHans-Light.svg*/ format("svg"); font-weight: normal; font-style: normal } @font-face { font-family: "CA InfoTypeOPTU-RegularCon"; src: url("../../skin/fonts/CAInfoTypeOPTU-RegularCon.woff2")/*tpa=http://www.slgzsb.com/font/CAInfoTypeOPTU-RegularCon.woff2*/ format("woff2"), url("CAInfoTypeOPTU-RegularCon.woff")/*tpa=http://www.slgzsb.com/font/CAInfoTypeOPTU-RegularCon.woff*/ format("woff"), url("/CA%20InfoTypeOPTU-RegularCon.ttf")/*tpa=http://www.slgzsb.com/font//CA%20InfoTypeOPTU-RegularCon.ttf*/ format("truetype"), url("/CA%20InfoTypeOPTU-RegularCon.eot")/*tpa=http://www.slgzsb.com/font//CA%20InfoTypeOPTU-RegularCon.eot*/ format("embedded-opentype"), url("/CA%20InfoTypeOPTU-RegularCon.svg")/*tpa=http://www.slgzsb.com/font//CA%20InfoTypeOPTU-RegularCon.svg*/ format("svg") } .home-title { text-align: center } .home-title .top { position: relative } .home-title .top .bt { font-size: 30px; color: #4e4e4e; font-weight: bold; position: absolute; bottom: 0; width: 100% } .home-title .top .bt span { color: #d01725 } .home-title .top .span { color: #ececec; font-size: 50px; font-family: "NotoSansHans-Bold", arial; font-weight: bold; letter-spacing: 3px } .home-title .jsh { margin-top: 8px } .home-title1 { text-align: center; background: url("../../skin/images/bg1.png")/*tpa=http://www.slgzsb.com/images/bg1.png*/ no-repeat center center; padding: 17px 0; position: relative } .home-title1:after { content: ''; display: block; width: 38px; height: 6px; position: absolute; bottom: -3px; z-index: 4; left: 50%; margin-left: -19px; background: #d01725 } .home-title1 .bt { font-size: 30px; color: #333 } .home-title1 .bt span { font-weight: bold; color: #4e4e4e } .home-title1 .bt span b { color: #d01725 } .home-title1 .jsh { font-size: 14px; color: #999; font-family: arial; text-transform: uppercase } .home-title2 { text-align: center; position: relative } .home-title2 .bt { font-size: 30px; color: #4e4e4e; font-weight: bold; line-height: 60px } .home-title2 .bt span { font-family: "BasiliaT-Bold", arial; color: #d01725; font-size: 60px } .home-title2 .jsh { font-size: 14px; color: #666 } .home-products { padding-bottom: 48px } .home-products .home-proclass { padding-top: 36px; overflow: hidden; margin-bottom: 40px } .home-products .home-proclass dl { margin-bottom: 5px; line-height: 42px; font-size: 16px; overflow: hidden; background: #fff } .home-products .home-proclass dl dt { width: 18%; float: left; border-left: 2px solid #d01725; background: #eee url(../../skin/images/more.png)/*tpa=http://www.slgzsb.com/images/more.png*/ no-repeat center right } .home-products .home-proclass dl dt a { color: #333; display: block; padding-left: 23px; padding-right: 40px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden } .home-products .home-proclass dl dd { width: 20.5%; float: left; border-right: 1px solid #eee; background: #fff } .home-products .home-proclass dl dd a { color: #666; display: block; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 0 5px } .home-products .home-prolist { padding-bottom: 68px; position: relative; max-height: 810px; overflow: hidden } .home-products .home-prolist .item ul { margin: 0 -10px } .home-products .home-prolist .item ul li { width: 33.3333333333%; padding: 0 10px; float: left; margin-bottom: 22px } .home-products .home-prolist .item ul li .box { box-shadow: 0 0 15px 0 rgba(8, 1, 2, 0.04) } .home-products .home-prolist .item ul li .pic img { transition: .5s } .home-products .home-prolist .item ul li .pic:after { padding-bottom: 60% } .home-products .home-prolist .item ul li .text { padding: 26px 50px 27px 20px; overflow: hidden; background: #fff url("../../skin/images/more1.png")/*tpa=http://www.slgzsb.com/images/more1.png*/ no-repeat 93% center } .home-products .home-prolist .item ul li .text .bt { font-size: 18px; color: #464646; text-overflow: ellipsis; white-space: nowrap; overflow: hidden } .home-products .home-prolist .item ul li .text .jsh { font-size: 14px; color: #bababa; font-family: arial; text-overflow: ellipsis; white-space: nowrap; overflow: hidden } .home-products .home-prolist .slick-dots { z-index: 10; bottom: 25px; line-height: 0; text-align: center } .home-products .home-prolist .slick-dots li { margin: 0 7px; width: 18px; height: 18px; padding: 3px; position: relative; border-radius: 50% } .home-products .home-prolist .slick-dots li button { width: 10px; height: 10px; display: block; background: #d01725; border-radius: 50%; padding: 0 } .home-products .home-prolist .slick-dots li button:before { content: "" } .home-products .home-prolist .slick-dots .slick-active { border: 1px solid #d01725 } .home-products .home-prolist .slick-dots .slick-active button { background: #d01725 } .home-partner { padding: 93px 0 30px 0; background: #fff url("../../skin/images/bg2.png")/*tpa=http://www.slgzsb.com/images/bg2.png*/ no-repeat bottom center } .home-partner .home-bottom { padding: 51px 49px 50px 49px; position: relative } .home-partner ul li { padding: 0 7px; width: 20%; float: left } .home-partner ul li a { display: block; border: 1px solid #efefef } .home-partner ul li a .pic img { transition: .5s } .home-partner ul li a .pic:after { padding-bottom: 56% } .home-partner .slick-prev:before, .home-partner .slick-next:before { content: '' } .home-partner .slick-prev { width: 32px; height: 32px; margin-top: -16px; z-index: 5; left: 0; background: url("../../skin/images/left1.png")/*tpa=http://www.slgzsb.com/images/left1.png*/ no-repeat center center !important } .home-partner .slick-next { width: 32px; height: 32px; margin-top: -16px; z-index: 5; right: 0; background: url("../../skin/images/right1.png")/*tpa=http://www.slgzsb.com/images/right1.png*/ no-repeat center center !important } .home-app { padding: 63px 0 0 0; background: #fff } .home-app .home-bottom { padding: 51px 0 46px 0; margin-top: 53px; overflow: hidden; background: url("../../skin/images/bg3.jpg")/*tpa=http://www.slgzsb.com/images/bg3.jpg*/ no-repeat center center; background-size: cover } .home-app .home-bottom .app-info { padding: 44px; background: #fff } .home-app .home-bottom .app-info .left { line-height: 74px; width: 20.2%; float: left } .home-app .home-bottom .app-info .left li { padding-right: 16px } .home-app .home-bottom .app-info .left li a { font-size: 14px; color: #333; padding-left: 93px; background: #f6f6f6 url("../../skin/images/dot03.png")/*tpa=http://www.slgzsb.com/images/dot03.png*/ no-repeat 31% center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-right: 10px; display: block } .home-app .home-bottom .app-info .left .odd a { background: #eee url("../../skin/images/dot03.png")/*tpa=http://www.slgzsb.com/images/dot03.png*/ no-repeat 31% center } .home-app .home-bottom .app-info .left .sel { background: url("../../skin/images/dot02.png")/*tpa=http://www.slgzsb.com/images/dot02.png*/ no-repeat center right } .home-app .home-bottom .app-info .left .sel a { background: #d01725 url("../../skin/images/dot03h.png")/*tpa=http://www.slgzsb.com/images/dot03h.png*/ no-repeat 31% center; color: #fff } .home-app .home-bottom .app-info .right { float: right; width: 77.4% } .home-app .home-bottom .app-info .right .info { display: none } .home-app .home-bottom .app-info .right .info .title { font-size: 28px; color: #d01725; font-weight: bold; background: url("../../skin/images/dot01.png")/*tpa=http://www.slgzsb.com/images/dot01.png*/ no-repeat center left; padding-left: 47px; margin-bottom: 4px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden } .home-app .home-bottom .app-info .right .info .jsh { color: #666; font-size: 14px; line-height: 26px; margin-bottom: 11px; overflow: hidden } .home-app .home-bottom .app-info .right .info .bottom { margin: 0 -6px } .home-app .home-bottom .app-info .right .info .bottom .item { width: 50%; float: left; padding: 0 6px } .home-app .home-bottom .app-info .right .info .bottom .item .pic:after { padding-bottom: 74% } .home-advantage { padding-top: 69px; padding-bottom: 79px; background: #fff } .home-advantage .home-bottom { padding-top: 46px } .home-advantage .home-bottom .pro-max { margin-bottom: 45px; overflow: hidden; max-height: 490px } .home-advantage .home-bottom .pro-max .item { position: relative } .home-advantage .home-bottom .pro-max .item .pic { width: 802px } .home-advantage .home-bottom .pro-max .item .pic:after { padding-bottom: 61% } .home-advantage .home-bottom .pro-max .item .text { float: left; margin-left: -162px; position: absolute; right: 0; bottom: 0; width: 50%; padding-left: 67px; padding-bottom: 53px; padding-top: 46px; background: #fff } .home-advantage .home-bottom .pro-max .item .text .top { position: relative; padding-bottom: 12px } .home-advantage .home-bottom .pro-max .item .text .top .num { font-size: 80px; font-family: "DINPro-Regular"; color: #d01725; background: url("../../skin/images/num.png")/*tpa=http://www.slgzsb.com/images/num.png*/ no-repeat center center; width: 81px; height: 81px; line-height: 81px; text-align: center; position: absolute } .home-advantage .home-bottom .pro-max .item .text .top .right { padding-left: 98px } .home-advantage .home-bottom .pro-max .item .text .top .right .bt { font-size: 30px; color: #333; font-weight: bold } .home-advantage .home-bottom .pro-max .item .text .top .right .bt span { color: #d01725 } .home-advantage .home-bottom .pro-max .item .text .top .right .span { font-size: 18px; color: #333 } .home-advantage .home-bottom .pro-max .item .text .top .right .span span { color: #d01725 } .home-advantage .home-bottom .pro-max .item .text .jsh { font-size: 14px; color: #666; margin-bottom: 39px } .home-advantage .home-bottom .pro-max .item .text .jsh ul li { background: url("../../skin/images/dot04.png")/*tpa=http://www.slgzsb.com/images/dot04.png*/ no-repeat left 7px; padding-left: 20px; line-height: 25px; margin-top: 24px } .home-advantage .home-bottom .pro-max .item .text .more a { display: block; width: 194px; height: 43px; line-height: 43px; background: #d01725 url("../../skin/images/contact.png")/*tpa=http://www.slgzsb.com/images/contact.png*/ no-repeat 45px center; font-size: 16px; color: #fff; padding-left: 89px; border-radius: 30px } .home-advantage .home-bottom .pro-min { margin: 0 -6px } .home-advantage .home-bottom .pro-min .getIndex { padding: 0 6px; width: 20%; float: left } .home-advantage .home-bottom .pro-min .getIndex .item { height: 49px; line-height: 47px; text-align: center; border: 1px solid #d9d9d9; cursor: pointer; font-size: 18px; color: #333 } .home-advantage .home-bottom .pro-min .slick-current .item { color: #fff; background: #d01725; border: 1px solid #d01725 } .home-about { padding: 117px 0 118px 0; background: url(../../skin/images/bg4.jpg)/*tpa=http://www.slgzsb.com/images/bg4.jpg*/ no-repeat center center; background-size: cover; overflow: hidden } .home-about .left { float: left; width: 45%; padding-top: 10px; padding-left: 6px; padding-right: 20px } .home-about .left .bt { font-size: 28px; color: #333; font-weight: bold } .home-about .left .span { font-family: "NotoSansHans-Light"; font-size: 14px; color: #666; text-transform: uppercase; letter-spacing: 1.1px } .home-about .left .span:after { content: ''; display: block; width: 124px; height: 2px; background: #d01725; margin: 14px 0 21px 0 } .home-about .left .jsh { line-height: 24px; height: 72px; overflow: hidden; margin-bottom: 23px } .home-about .left .more a { display: block; border: 1px solid #cbcbcb; width: 167px; height: 40px; line-height: 38px; color: #9e9e9e; padding-left: 27px; background: url("../../skin/images/dot05.png")/*tpa=http://www.slgzsb.com/images/dot05.png*/ no-repeat 118px center; cursor: pointer } .home-about .left .list { padding-top: 40px } .home-about .left .list ul { margin: 0 -4px } .home-about .left .list ul li { width: 25%; float: left; padding: 0 14px; text-align: center } .home-about .left .list ul li .box { width: 120px; height: 120px; border: 1px dashed #dadada; border-radius: 50%; padding-top: 15px } .home-about .left .list ul li .pic { width: 50px; height: 50px; margin: 0 auto } .home-about .left .list ul li h3 { color: #333; font-size: 18px } .home-about .about-visual-recommon { position: relative; float: right; width: 52% } .home-about .pics-1 { position: absolute; top: 132px; right: 0; z-index: 5; width: 166px; height: 162px; background: url("../../skin/images/about.png")/*tpa=http://www.slgzsb.com/images/about.png*/ no-repeat bottom center } .home-about .pics-1 .slick-list { height: 161px; overflow: hidden } .home-about .pics-1 .item .pic { width: 119px; height: 119px; overflow: hidden } .home-about .pics-2 { height: 405px; position: relative; z-index: 6; width: 506px; float: right; overflow: hidden; margin-right: 136px } .home-about .pics-2 .item { height: 405px } .home-about .pics-2 .items { display: block; position: relative; width: 506px } .home-about .pics-2 .pic { width: 506px; height: 405px; overflow: hidden } .home-about .pics-2 .pic img { transition: .5s } .home-about .controller { background: url("../../skin/images/qiehuan.png")/*tpa=http://www.slgzsb.com/images/qiehuan.png*/ no-repeat bottom left; width: 104px; height: 34px; padding-right: 4px; position: absolute; top: 172px; right: 64px; z-index: 8 } .home-about .controller a { width: 49px; height: 31px; display: block; margin-left: 1px; float: left; line-height: 31px; text-align: center; background: #d01725; color: #fff; transition: .5s } .home-news { padding: 63px 0 79px 0 } .home-news .home-bottom { padding-top: 59px; overflow: hidden } .home-news .home-bottom .left { width: 50%; float: left; padding-right: 31px } .home-news .home-bottom .left .top { margin-bottom: 24px; overflow: hidden } .home-news .home-bottom .left .top ul li { float: left } .home-news .home-bottom .left .top ul li a { display: block; width: 128px; height: 43px; padding: 3px 0; text-align: center } .home-news .home-bottom .left .top ul li a .bt { line-height: 35px; border: 1px solid #d2d2d2; color: #464646; font-size: 16px } .home-news .home-bottom .left .top ul .sel a { background: #d01725 } .home-news .home-bottom .left .top ul .sel a .bt { color: #fff; border: 1px solid #d01725 } .home-news .home-bottom .left .top .more { float: right } .home-news .home-bottom .left .top .more a { font-size: 16px; color: #999; line-height: 35px; border-bottom: 1px solid #cfcfcf; display: block } .home-news .home-bottom .left .show .info { display: none } .home-news .home-bottom .left .show .info .one a { display: block; padding-bottom: 25px; border-bottom: 1px solid #e0e5ed; margin-bottom: 19px } .home-news .home-bottom .left .show .info .one .pic:after { padding-bottom: 35% } .home-news .home-bottom .left .show .info .one .text { padding-top: 30px } .home-news .home-bottom .left .show .info .one .text .bt { font-size: 18px; color: #333; position: relative; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-right: 140px; line-height: 27px; margin-bottom: 18px } .home-news .home-bottom .left .show .info .one .text .bt span { display: block; position: absolute; top: 0; right: 0; color: #666; font-size: 24px; font-weight: normal } .home-news .home-bottom .left .show .info .one .text .jsh { line-height: 25px; height: 50px; overflow: hidden; font-size: 14px; color: #666 } .home-news .home-bottom .left .show .info ul li { margin-bottom: 12px; overflow: hidden } .home-news .home-bottom .left .show .info ul li a { display: block; line-height: 30px; padding-right: 85px; background: url("../../skin/images/dot06.png")/*tpa=http://www.slgzsb.com/images/dot06.png*/ no-repeat center left; position: relative; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-left: 20px } .home-news .home-bottom .left .show .info ul li a span { position: absolute; top: 0; right: 0; color: #666; font-size: 14px; display: block } .home-news .home-bottom .right { width: 50%; float: left; padding-left: 31px } .home-news .home-bottom .right .top { margin-bottom: 24px; overflow: hidden } .home-news .home-bottom .right .top ul li { float: left } .home-news .home-bottom .right .top ul li a { display: block; width: 128px; height: 43px; padding: 3px 0; text-align: center; background: #d01725 } .home-news .home-bottom .right .top ul li a .bt { color: #fff; border: 1px solid #d01725; line-height: 35px; font-size: 16px } .home-news .home-bottom .right .top .more { float: right } .home-news .home-bottom .right .top .more a { font-size: 16px; color: #999; line-height: 35px; border-bottom: 1px solid #cfcfcf; display: block } .home-news .home-bottom .right .show .one { margin-bottom: 28px } .home-news .home-bottom .right .show .one .pic:after { padding-bottom: 35% } .home-news .home-bottom .right .show ul li { margin-bottom: 28px; overflow: hidden; padding-bottom: 24px; border-bottom: 1px solid #e0e5ed } .home-news .home-bottom .right .show ul li a { display: block; line-height: 30px; position: relative } .home-news .home-bottom .right .show ul li a .bt { font-size: 18px; color: #333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; background: url("../../skin/images/dot07.png")/*tpa=http://www.slgzsb.com/images/dot07.png*/ no-repeat center left; padding-left: 47px; margin-bottom: 18px } .home-news .home-bottom .right .show ul li a .jsh { font-size: 14px; color: #666; line-height: 25px; height: 50px; overflow: hidden; background: url("../../skin/images/dot08.png")/*tpa=http://www.slgzsb.com/images/dot08.png*/ no-repeat top left; padding-left: 47px } .footer { background: #282828 } .footer-top { padding-top: 58px; padding-bottom: 34px; overflow: hidden } .footer-top ul { width: 59%; float: left; border-right: 1px solid #4c4c4c } .footer-top ul li { width: 20%; float: left } .footer-top ul li a { font-size: 16px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #fff; margin-bottom: 20px; display: block; padding-right: 5px } .footer-top ul li ul { border-right: 0; width: 100% } .footer-top ul li ul li { width: 100%; float: none } .footer-top ul li ul li a { display: block; color: #fff; font-size: 14px; line-height: 25px; margin-bottom: 0; opacity: .7 } .footer-top .footer-right { width: 41%; float: left; padding-left: 83px } .footer-top .footer-right .wx { width: 122px; float: left } .footer-top .footer-right .wx h3 { height: 25px; text-align: center; border: 1px solid #4c4c4c; color: #fff; font-size: 14px; line-height: 23px; margin-bottom: 10px } .footer-top .footer-right .footer-contact { width: 240px; float: right } .footer-top .footer-right .footer-contact .online { width: 151px; height: 44px; line-height: 44px; border-radius: 5px; padding-left: 67px; font-size: 14px; margin-bottom: 19px; background: #d01725 url("../../skin/images/wxx.png")/*tpa=http://www.slgzsb.com/images/wxx.png*/ no-repeat 28px center } .footer-top .footer-right .footer-contact .online a { color: #fff } .footer-top .footer-right .fphone { background: url("../../skin/images/fp.png")/*tpa=http://www.slgzsb.com/images/fp.png*/ no-repeat center left; padding-left: 54px } .footer-top .footer-right .fphone h3 { color: #fff; font-size: 16px } .footer-top .footer-right .fphone p { color: #fff; font-size: 20.5px; font-family: arial; font-weight: bold; line-height: 30px; margin-left: 0 } .footer-top .footer-right .p { font-size: 14px; color: #fff; opacity: .7 } .footer-top .footer-right .share { height: 37px; width: 100%; margin-top: 10px; margin-bottom: 21px } .footer-top .footer-right .share .bdshare-button-style0-24 a { width: 37px !important; height: 37px !important; display: block !important; float: left; margin: 0 16px 0 0; padding-left: 0 } .footer-top .footer-right .share .bdshare-button-style0-24 .bds_tsina { background: url("../../skin/images/wb.png")/*tpa=http://www.slgzsb.com/images/wb.png*/ no-repeat center center !important } .footer-top .footer-right .share .bdshare-button-style0-24 .bds_sqq { background: url("../../skin/images/qq.png")/*tpa=http://www.slgzsb.com/images/qq.png*/ no-repeat center center !important } .footer-top .footer-right .share .bdshare-button-style0-24 .bds_weixin { background: url("../../skin/images/wx1.png")/*tpa=http://www.slgzsb.com/images/wx1.png*/ no-repeat center center !important } .footer-bottom { border-top: 1px solid #4c4c4c; color: #bfbfbf; padding: 17px 0 21px 0 } .footer-bottom a { color: #bfbfbf } .footer-bottom span { float: right } .bd_weixin_popup_bg { width: 260px !important } .bd_weixin_popup { width: 260px !important; height: 300px !important } .inbanner { overflow: hidden; width: 100%; margin-top:76px; } .inbanner .inbanner-slick { overflow: hidden; position: relative; height: 400px; width: 1920px; left: 50%; margin-left: -960px } .inbanner .inbanner-slick img { text-align: center; margin: 0 auto; display: block } .inbanner .inbanner-slick-phone { display: none; position: relative } .inbanner .inbanner-slick-phone img { display: block } @media (max-width: 1920px) { .inbanner .inbanner-slick { max-height: 400px } } @media (max-width: 1680px) { .inbanner .inbanner-slick { max-height: 350px } } @media (max-width: 1024px) { .inbanner .inbanner-slick-phone { display: block } .inbanner .inbanner-slick { display: none } } @media (max-width: 992px) { .inbanner .inbanner-slick-phone { max-height: 320px } } @media (max-width: 768px) { .inbanner .inbanner-slick-phone { max-height: 248px } } @media (max-width: 520px) { .inbanner .inbanner-slick-phone { max-height: 168px } } @media (max-width: 414px) { .inbanner .inbanner-slick-phone { max-height: 134px } } @media (max-width: 375px) { .inbanner .inbanner-slick-phone { max-height: 121px } } @media (max-width: 360px) { .inbanner .inbanner-slick-phone { max-height: 116px } } @media (max-width: 320px) { .inbanner .inbanner-slick-phone { max-height: 103px } } .prompt { position: fixed; width: 100%; height: 100%; background: url(../../skin/images/ie_sosad.png)/*tpa=http://www.slgzsb.com/images/ie_sosad.png*/ no-repeat center 35% #fff; left: 0; bottom: 0; display: none; z-index: 999; filter: alpha(opacity=80); opacity: 80 } .prompt span { position: absolute; font-size: 14px; font-family: 'Microsoft YaHei'; top: 55%; left: 50%; margin-left: -152px; width: 304px; display: block; line-height: 24px; color: #666 } .prompt span a { text-decoration: underline } .prompt_close { width: 30px; height: 30px; position: absolute; right: 30px; top: 30px; background: url(../../skin/images/closed.png)/*tpa=http://www.slgzsb.com/images/closed.png*/ no-repeat center center; cursor: pointer } .inmain { padding: 42px 0 } .inmain .inmain-info { position: relative } .inmain .inmain-info:before { content: ''; display: block; height: 100%; width: 1px; position: absolute; top: 0; left: 260px; background: #e9e9e9 } .inmain .right { float: right; width: 77% } .inmain .right .current { line-height: 44px; border-bottom: 1px solid #e9e9e9; padding-bottom: 8px } .inmain .right .current .left { float: left; text-transform: uppercase; font-size: 20px; color: #2e2e2f; font-weight: bold; letter-spacing: .7px } .inmain .right .current .left span { background: url("../../skin/images/current.png")/*tpa=http://www.slgzsb.com/images/current.png*/ no-repeat center left; margin-left: 10px } .inmain .right .current h3 { color: #2e2e2f; font-size: 20px; font-weight: bold; float: left; background: url(../../skin/images/dot11.png)/*tpa=http://www.slgzsb.com/images/dot11.png*/ no-repeat center left; padding-left: 30px } .inmain .right .current span { float: right; background: url(../../skin/images/home.png)/*tpa=http://www.slgzsb.com/images/home.png*/ no-repeat left 13px; line-height: 30px; padding: 7px 0 7px 26px } .inmain .right .current span b { font-weight: normal; color: #d01725; max-width: 188px; display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; vertical-align: top } .aside { width: 220px; float: left } .aside .aside-title { height: 102px; background: #d01725 url("../../skin/images/aside1.png")/*tpa=http://www.slgzsb.com/images/aside1.png*/ no-repeat 96% center; padding: 26px 21px 0 21px; border-top-right-radius: 25px } .aside .aside-title h3 { font-size: 25px; color: #fff; font-weight: bold; line-height: 30px } .aside .aside-title p { font-size: 17px; color: #fff; font-family: "NotoSansHans-Light" } .aside .aside-list { border: 1px solid #e8e8e8; border-top: 0; padding: 0 18px; margin-bottom: 20px } .aside .aside-list ul li a { display: block; line-height: 45px; border-bottom: 1px dashed #ccc; font-size: 16px; color: #333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-right: 25px; background: url("../../skin/images/dot09.png")no-repeat 98% center; } .aside .aside-list ul .active a { color: #d01725; background: url("../../skin/images/dot09h.png") no-repeat 98% center; } .aside .aside-list ul li:last-child a { border-bottom: 0 } .aside .aside-one { margin-bottom: 18px } .aside .aside-one .aside-bt { margin-bottom: 14px } .aside .aside-one .aside-bt a { font-weight: bold; font-size: 20px; color: #d01725; display: block; background: url("../../skin/images/dot10.png")/*tpa=http://www.slgzsb.com/images/dot10.png*/ no-repeat center right; padding-right: 30px } .aside .aside-one .aside-bt span { color: #999; font-size: 13px; font-family: arial } .aside .aside-one .img img { display: block } .aside .aside-one .list { padding-top: 2px; border-top: 1px solid #d01725; padding-bottom: 2px; border-bottom: 1px solid #d01725 } .aside .aside-one .list ul { padding: 14px 0; background: #f5f5f5 } .aside .aside-one .list ul li { padding: 0 5px 0 15px } .aside .aside-one .list ul li a { display: block; line-height: 34px; background: url("../../skin/images/dot11.png")/*tpa=http://www.slgzsb.com/images/dot11.png*/ no-repeat center left; padding-left: 21px; font-size: 14px; color: #333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden } .aside .aside-one .list ul .active a { background: url("../../skin/images/dot11h.png")/*tpa=http://www.slgzsb.com/images/dot11h.png*/ no-repeat center left; color: #d01725 } .aside .aside-one .list1 { padding-bottom: 6px; border-bottom: 2px solid #d01725 } .aside .aside-one .list1 ul { padding: 14px 0 } .aside .aside-one .list1 ul li a { display: block; line-height: 34px; background: url("../../skin/images/dot11.png")/*tpa=http://www.slgzsb.com/images/dot11.png*/ no-repeat center left; padding-left: 21px; font-size: 14px; color: #333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden } .aside .aside-one .list1 ul .active a { background: url("../../skin/images/dot11h.png")/*tpa=http://www.slgzsb.com/images/dot11h.png*/ no-repeat center left; color: #d01725 } .aside .aside-phone { background: url("../../skin/images/aleft.png")/*tpa=http://www.slgzsb.com/images/aleft.png*/ no-repeat 20px 6px; padding-left: 88px; padding-bottom: 23px; border-bottom: 1px solid #d0d0d0 } .aside .aside-phone h3 { font-size: 16px; color: #4e4e4e; letter-spacing: 2px; margin-bottom: 4px } .aside .aside-phone p { height: 27px; line-height: 27px; font-size: 16px; color: #fff; font-weight: bold; font-family: arial; width: 132px; text-align: center; border-radius: 20px; background: #d01725 } .aside .aside-list1 { border: 1px solid #e8e8e8; padding: 15px 8px 0 8px; margin-bottom: 20px } .aside .aside-list1 ul li { border-bottom: 1px dashed #ccc; padding-bottom: 8px; margin-bottom: 14px } .aside .aside-list1 ul li > a { display: block; line-height: 33px; font-size: 15px; color: #333; background: url("../../skin/images/dot13.png")/*tpa=http://www.slgzsb.com/images/dot13.png*/ no-repeat 13px center; padding-left: 30px; padding-right: 5px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden } .aside .aside-list1 ul li ul { padding: 6px 0 } .aside .aside-list1 ul li ul li { border-bottom: 0; padding-bottom: 0; margin-bottom: 0 } .aside .aside-list1 ul li ul li a { font-size: 13px; color: #666; background: url("../../skin/images/dot14.png")/*tpa=http://www.slgzsb.com/images/dot14.png*/ no-repeat 19px center; line-height: 39px } .aside .aside-list1 ul .active > a { color: #fff; background: #d01725 url("../../skin/images/dot13h.png")/*tpa=http://www.slgzsb.com/images/dot13h.png*/ no-repeat 13px center; border-radius: 20px } .aside .aside-list1 ul .active ul .active a { background: url("../../skin/images/dot14h.png")/*tpa=http://www.slgzsb.com/images/dot14h.png*/ no-repeat 19px center; color: #d01725 } .aside .aside-list1 ul li:last-child { border-bottom: 0 } .aside2 .aside-title { background: #d01725 url("../../skin/images/aside2.png")/*tpa=http://www.slgzsb.com/images/aside2.png*/ no-repeat 96% center } .aside3 .aside-title { background: #d01725 url("../../skin/images/aside3.png")/*tpa=http://www.slgzsb.com/images/aside3.png*/ no-repeat 96% center } .aside4 .aside-title { background: #d01725 url("../../skin/images/aside4.png")/*tpa=http://www.slgzsb.com/images/aside4.png*/ no-repeat 96% center } .aside5 .aside-title { background: #d01725 url("../../skin/images/aside5.png")/*tpa=http://www.slgzsb.com/images/aside5.png*/ no-repeat 96% center } .aside6 .aside-title { background: #d01725 url("../../skin/images/aside6.png")/*tpa=http://www.slgzsb.com/images/aside6.png*/ no-repeat 96% center } .content { font-size: 14px; line-height: 28px; color: #666 } .about { padding: 35px 0 } .act_top{ display: flex; align-items: center; justify-content: flex-end; } .act_top img{ margin-right: 1%; } .act_top_left a:hover { color: #d01725; } .about .about-info { position: relative; margin-bottom: 2px } .about .about-info .title { font-family: "CA InfoTypeOPTU-RegularCon"; color: #ffe4e7; font-size: 87px; text-transform: uppercase; letter-spacing: -4px; line-height: 90px } .about .about-info .title span { font-size: 62px; font-family: "DINPro-Regular"; letter-spacing: 0 } .about .about-info .info { font-size: 27px; color: #115275; position: absolute; bottom: 13px; left: 0; background: #fff } .about .about-list { padding-top: 27px; padding-bottom: 32px } .about .about-list li { width: 25%; float: left; text-align: center } .about .about-list li .pic { width: 60px; height: 60px; margin: 0 auto } .about .about-list li .bt { font-size: 17px; color: #003894; font-weight: bold; margin-bottom: 8px } .about .about-list li .jsh { font-size: 15px; color: #333 } .partners { padding: 46px 0; overflow: hidden } .partners ul { margin: 0 -6px 31px -6px } .partners ul li { width: 25%; float: left; padding: 0 6px; margin-bottom: 12px } .partners ul li .box { text-align: center; font-size: 16px; color: #666; line-height: 45px } .partners ul li .box .pic { border: 1px solid #e9e9e9 } .partners ul li .box .pic:after { padding-bottom: 69% } .partners ul li .box .bt { text-overflow: ellipsis; white-space: nowrap; overflow: hidden } .gallery { padding: 35px 0 } .gallery ul { margin: 0 -6px 46px -6px } .gallery ul li { width: 33.33333333%; float: left; padding: 0 6px; margin-bottom: 13px } .gallery ul li .box { border: 1px solid #e9e9e9; padding: 10px 10px 3px 10px } .gallery ul li .box .pic img { transition: .5s } .gallery ul li .box .pic:after { padding-bottom: 62% } .gallery ul li .box .bt { font-size: 16px; color: #333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-align: center; line-height: 51px } .video { padding: 58px 0; text-align: center } .video .video-title { font-size: 35px; color: #565656; margin-bottom: 26px } .video .jsh { font-size: 16px; color: #666; line-height: 30px; margin-bottom: 34px } .video .video-bofang { position: relative } .video .video-bofang:before { content: ''; display: block; position: absolute; left: 50%; top: -27px; width: 3px; height: 55px; margin-left: -1px; background: #d01725; z-index: 6 } .video .video-bofang .pic:after { padding-bottom: 54% } .video .video-bofang .pic .hover { position: absolute; top: 50%; left: 0; width: 100%; background: url(../../skin/images/video.png)/*tpa=http://www.slgzsb.com/images/video.png*/ no-repeat top center; padding-top: 90px; margin-top: -59px } .video .video-bofang .pic .hover h3 { color: #fff; font-size: 16px; text-decoration: underline } .idea { padding: 35px 0 } .idea .left { width: 50.1%; float: left } .idea .left ul { padding-top: 29px } .idea .left ul li .text { padding-right: 36px } .idea .right1 { float: left; width: 49.3% } .idea .right1 ul li { margin-bottom: 0 } .idea .right1 ul li .text { padding-top: 59px; padding-left: 34px; padding-bottom: 43px } .idea .right1 ul li .text .jsh { min-height: 25px } .idea .idea-top { width: 65px; height: 79px; border-bottom: 5px solid #a70415; padding-left: 8px; padding-top: 5px; background: #d01725 } .idea .idea-top h3 { font-size: 14px; color: #fff; line-height: 17px } .idea .idea-top p { font-size: 12px; color: #fff; line-height: 14px } .idea ul li { margin-bottom: 48px } .idea ul li .pic1 img { display: block; overflow: hidden } .idea ul li .text { padding-bottom: 29px } .idea ul li .text .bt { font-size: 21px; color: #d01725 } .idea ul li .text .bt:after { content: ''; display: block; width: 113px; height: 1px; background: #d6d6d6; margin: 37px 0 25px 0 } .idea ul li .text .jsh { font-size: 14px; color: #666; line-height: 25px; min-height: 50px } .history { padding: 43px 0 } .history .history-info { background: url("../../skin/images/history.png")/*tpa=http://www.slgzsb.com/images/history.png*/ no-repeat top center; padding-top: 288px } .history .history-info ul { background: url("../../skin/images/line.png")/*tpa=http://www.slgzsb.com/images/line.png*/ repeat-y top center; padding-bottom: 77px } .history .history-info ul li { margin-bottom: 8px } .history .history-info ul li .box { position: relative } .history .history-info ul li .num { position: absolute; top: 9px; left: 50%; background: #fff url("../../skin/images/dot12.png")/*tpa=http://www.slgzsb.com/images/dot12.png*/ no-repeat center 8px; padding-top: 36px; width: 40px; height: 76px; margin-left: -20px } .history .history-info ul li .num h3 { font-size: 16px; color: #0d0d0d } .history .history-info ul li .text { width: 50%; padding-left: 65px } .history .history-info ul li .bt { font-size: 65px; color: #c9c9c9; font-style: italic; line-height: 77px; margin-bottom: 14px } .history .history-info ul li .jsh { line-height: 24px } .history .history-info ul li .jsh span { float: left; padding-right: 10px } .history .history-info ul li .jsh .jsh-info { float: left } .history .history-info ul .even .text { float: left; padding-right: 61px } .history .history-info ul .odd .text { float: right } .history .history-info .more { width: 103px; height: 103px; margin: 0 auto } .history .history-info .more a { display: block } .page { display: flex; justify-content: center; } .page .thisclass a{ background: #d01725; color: #fff; border: 1px solid #d01725; } .page a { color: #666; display: inline-block; font-size: 12px; line-height: 25px; height: 27px; padding: 0 10px; margin: 0 2px; font-family: arial; border: 0; -webkit-transition: all .5s; transition: all .5s; border: 1px solid #cbcbcb } .page a.cpb, .page a:hover { background: #d01725; color: #fff; border: 1px solid #d01725 } @media (max-width: 767px) { .page a { display: none } .page a.first, .page a.prev, .page a.next, .page a.last { display: inline-block } } .research { padding: 35px 0 } .research .list-honor1 { overflow: hidden; margin-bottom: 30px } .research .list-honor1 .honor-info { overflow: hidden; margin: 0 -13px } .research .list-honor1 .honor-info a { width: 33.33333%; float: left; padding: 0 13px; margin-bottom: 26px } .research .list-honor1 .honor-info a .pic img { transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; -webkit-transition: all .3s linear } .research .list-honor1 .honor-info a .pic:after { padding-bottom: 131.5% } .research .list-honor1 .honor-info a .pic i { background: url(../../skin/images/bg4.png)/*tpa=http://www.slgzsb.com/images/bg4.png*/ repeat center center; text-align: center; position: absolute; height: inherit; padding-top: 50%; z-index: 10; top: 0; display: none; width: 100%; padding-bottom: 131.5% } .research .list-honor1 .honor-info a .pic i img { width: 50px; height: 50px } .research .list-honor1 .honor-info a span { color: #666; height: 49px; margin-top: 4px; text-align: center; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 100%; line-height: 49px; font-size: 18px; border-top: 0; background: #f5f5f5; padding: 0 2px } .contact { padding: 34px 0 } .contact .contact-title { margin-bottom: 18px; overflow: hidden } .contact .contact-title h3 { color: #d01725; font-size: 16px; font-weight: bold } .contact .contact-title p { color: #333; font-size: 14px } .contact .info { padding-bottom: 24px; border-bottom: 1px dashed #e9e9e9 } .contact .info li { width: 33.3333333%; float: left; position: relative; padding-left: 68px } .contact .info li .pic { width: 50px; height: 50px; position: absolute; top: 0; left: 0 } .contact .info li .text { font-size: 15px; color: #333; line-height: 29px; padding-right: 5px } .contact .jsh { font-size: 15px; color: #333; padding: 20px 0 22px 0 } .contact .contact-map { border: 1px solid #e5e5e5; padding: 9px; position: relative } .contact .contact-map:before { position: absolute; top: 5px; left: 5px; width: 11px; height: 11px; border-top: 1px solid #d01725; border-left: 1px solid #d01725; content: ''; display: block } .contact .contact-map:after { position: absolute; top: 5px; right: 5px; width: 11px; height: 11px; border-top: 1px solid #d01725; border-right: 1px solid #d01725; content: ''; display: block } .contact .contact-map .c-info:before { position: absolute; bottom: 5px; left: 5px; width: 11px; height: 11px; border-bottom: 1px solid #d01725; border-left: 1px solid #d01725; content: ''; display: block } .contact .contact-map .c-info:after { position: absolute; bottom: 5px; right: 5px; width: 11px; height: 11px; border-bottom: 1px solid #d01725; border-right: 1px solid #d01725; content: ''; display: block } .contact #allmap { width: 100%; height: 461px } .contact #allmap img { max-width: initial; max-height: inherit } .contact #allmap .anchorBL { display: none } #m:after { content: "*"; font-size: 17px; color: red; float: right; right: 5px; position: absolute; top: 11px } .message1 { padding: 32px 18px 39px 18px; background: #f8f8f8 } .message1 ul { overflow: hidden } .message1 ul li { margin-bottom: 16px; position: relative; float: left; width: 50%; padding: 0 20px; overflow: hidden } .message1 ul li input { outline: 0; border: 1px solid #dbdbdb; width: 100%; height: 50px; line-height: 30px; padding: 10px 14px 10px 15px; font-size: 14px; color: #888; position: relative; border-radius: 5px; font-family: arial, "microsoft yahei" } .message1 ul li input::-webkit-input-placeholder { color: #888 } .message1 ul li input:-moz-placeholder { color: #888; opacity: 1 } .message1 ul li input::-moz-placeholder { color: #888; opacity: 1 } .message1 ul li input:-ms-input-placeholder { color: #888 } .message1 ul li textarea { outline: 0; border: 1px solid #dbdbdb; width: 100%; height: 184px; line-height: 24px; padding-left: 15px; padding-top: 10px; font-size: 14px; color: #888; position: relative; border-radius: 5px; font-family: arial, "microsoft yahei"; display: block } .message1 ul li textarea::-webkit-input-placeholder { color: #888 } .message1 ul li textarea:-moz-placeholder { color: #888; opacity: 1 } .message1 ul li textarea::-moz-placeholder { color: #888; opacity: 1 } .message1 ul li textarea:-ms-input-placeholder { color: #888 } .message1 ul .width { width: 100% } .message1 ul .yanzhen { width: 100%; margin-bottom: 35px } .message1 ul .yanzhen input { width: 236px; float: left } .message1 ul .yanzhen i { float: left; height: 50px; position: relative; margin: 0 10px; font-size: 12px; color: #888; line-height: 50px; font-style: normal } .message1 ul .yanzhen i img { vertical-align: top; margin-left: 10px; margin-right: 5px } .message1 ul .yanzhen a { height: 35px; line-height: 35px; font-size: 14px; color: #666; text-decoration: underline } .message1 .line { width: 100%; height: 1px; background: #dbdbdb } .message1 .btn2 { text-align: left; padding: 0 20px; margin-top: 34px } .message1 .btn2 input { width: 195px; border: 0; padding: 0; font-size: 18px; height: 56px; line-height: 56px; color: #fff; background: #d01725; transition: .5s; border-radius: 5px; font-family: arial, "microsoft yahei" } .message1 input:focus, .message1 textarea:focus { transition: border linear .2s, box-shadow linear .5s; -moz-transition: border linear .2s, -moz-box-shadow linear .5s; -webkit-transition: border linear .2s, -webkit-box-shadow linear .5s; outline: 0; border: 1px solid #d01725 } .messages1 { padding: 36px 0 } .messages1 .message-p { color: #333; font-size: 15px; line-height: 27px; margin-bottom: 23px } .news { padding: 16px 0 } .news ul { margin-bottom: 58px } .news ul li .box { position: relative; padding: 30px 33px 30px 0; overflow: hidden; border-bottom: 1px solid #e9e9e9 } .news ul li .pic { width: 219px; height: 136px; position: absolute; top: 30px; left: 0; transition: .5s } .news ul li .pic img { transition: .5s } .news ul li .text { height: 136px; padding-top: 26px; padding-left: 258px; padding-right: 60px; transition: .5s; background: url("../../skin/images/more3.png")/*tpa=http://www.slgzsb.com/images/more3.png*/ no-repeat bottom right } .news ul li .text .bt { font-size: 18px; color: #333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-bottom: 12px } .news ul li .text .jsh { font-size: 14px; color: #666; line-height: 25px; height: 50px; overflow: hidden } .news ul li .text .span { color: #999; font-size: 24px; position: absolute; top: 60px; right: 20px; font-family: "NotoSansHans-Light" } .news-show { padding: 58px 0 } .news-show .news-h1 { font-size: 30px; color: #333; text-align: center; line-height: 40px; margin-bottom: 23px } .news-show .news-h2 { color: #9e9e9e; text-align: center; border-bottom: 1px solid #f5f5f5; padding-bottom: 20px } .news-show .news-info { font-size: 16px; color: #666; line-height: 30px; padding-bottom: 42px; padding-top: 25px } .news-show .news-h2 { font-size: 12px; color: #999; border-bottom: 1px dashed #e9e9e9; padding-bottom: 9px } .news-show .news-h2 .num { background: url("../../skin/images/yan.png")/*tpa=http://www.slgzsb.com/images/yan.png*/ no-repeat center left; padding-left: 20px; padding-right: 10px; vertical-align: top; display: inline-block } .news-show .news-h2 .time { background: url("../../skin/images/time.png")/*tpa=http://www.slgzsb.com/images/time.png*/ no-repeat center left; padding-left: 20px; padding-right: 10px; vertical-align: top; display: inline-block } .news-show .share-list { overflow: hidden; display: inline-block; vertical-align: top } .news-show .share { font-size: 12px; color: #999; float: right } .news-show .share a { display: inline-block; width: 21px; height: 21px; border-radius: 50% } .news-show .share .sina { background: url(../../skin/images/f2.png)/*tpa=http://www.slgzsb.com/images/f2.png*/ no-repeat center center !important; margin-right: 5px } .news-show .share .wechat { background: url(../../skin/images/f1.png)/*tpa=http://www.slgzsb.com/images/f1.png*/ no-repeat center center !important; margin-right: 5px } .news-show .share .qzone { background: url(../../skin/images/f3.png)/*tpa=http://www.slgzsb.com/images/f3.png*/ no-repeat center center !important; margin-right: 5px } .news-show .bdshare-button-style0-16 a, .news-show .bdshare-button-style0-16 .bds_more #bdshare_weixin_qrcode_dialog.bd_weixin_popup { height: auto !important } .news-show .bdsharebuttonbox { display: inline-block; vertical-align: middle } .news-show .bdshare-button-style0-16 a, .news-show .bdshare-button-style0-16 .bds_more { padding-right: 0; height: 21px !important; line-height: 21px; margin: 0 5px 0 0 !important } .prev-next-return { overflow: hidden; position: relative; padding: 0 } .prev-next-return a { color: #fff; display: block; height: 48px; line-height: 48px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left } .prev-next-return .prev, .prev-next-return .next { width: 50%; height: 48px; line-height: 48px; padding-left: 50px; padding-right: 50px; color: #fff; background-color: #b6b6b6; float: left; font-size: 13px; transition: all .5s; overflow: hidden } .prev-next-return .prev { background: #b6b6b6 url(../../skin/images/arrow-left-02.png)/*tpa=http://www.slgzsb.com/images/arrow-left-02.png*/ no-repeat left center; padding-right: 84px } .prev-next-return .next { text-align: right; background: #b6b6b6 url(../../skin/images/arrow-right-02.png)/*tpa=http://www.slgzsb.com/images/arrow-right-02.png*/ no-repeat right center; padding-left: 84px } .prev-next-return .return { position: absolute; z-index: 9; left: 50%; margin-left: -64px; text-align: center; display: inline-block; font-size: 14px; width: 128px; background-color: #b6b6b6; border-left: 1px #f8f8f8 solid; border-right: 1px #f8f8f8 solid; height: 48px; line-height: 48px; transition: all .5s } .prev-next-return .return:before { content: ""; display: inline-block; width: 25px; height: 25px; vertical-align: middle; margin: -2px 10px 0 0; background: url(../../skin/images/return.png)/*tpa=http://www.slgzsb.com/images/return.png*/ no-repeat } .xiangguan { margin-top: 44px } .xiangguan .title { margin-bottom: 15px; border-bottom: 1px dashed #e9e9e9; padding-bottom: 19px } .xiangguan .title h3 { font-size: 30px; color: #232323; background: url("../../skin/images/dot5.png")/*tpa=http://www.slgzsb.com/images/dot5.png*/ no-repeat center left; padding-left: 29px } .xiangguan .news-list li { font-size: 14px; line-height: 38px; width: 50%; float: left; padding-left: 14px } .xiangguan .news-list li a { display: block; background: url("../../skin/images/dot11.png")/*tpa=http://www.slgzsb.com/images/dot11.png*/ no-repeat center left; padding-left: 16px; overflow: hidden } .xiangguan .news-list li h3 { color: #333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 14px } .xiangguan .news-list .background { background: #f9f9f9 } .xiangguan .pro-lists { margin: 0 -10px; padding-top: 15px; position: relative; padding-bottom: 50px } .xiangguan .pro-lists li { width: 33.3333333333%; padding: 0 10px; float: left } .xiangguan .pro-lists li .box { box-shadow: 0 0 15px 0 rgba(8, 1, 2, 0.04) } .xiangguan .pro-lists li .pic img { transition: .5s } .xiangguan .pro-lists li .pic:after { padding-bottom: 60% } .xiangguan .pro-lists li .text { padding: 10px 50px 10px 20px; overflow: hidden; background: #fff url("../../skin/images/more1.png")/*tpa=http://www.slgzsb.com/images/more1.png*/ no-repeat 93% center } .xiangguan .pro-lists li .text .bt { font-size: 16px; color: #464646; text-overflow: ellipsis; white-space: nowrap; overflow: hidden } .xiangguan .pro-lists li .text .jsh { font-size: 12px; color: #bababa; font-family: arial; text-overflow: ellipsis; white-space: nowrap; overflow: hidden } .xiangguan .slick-dots { z-index: 10; bottom: 0; line-height: 0; text-align: center } .xiangguan .slick-dots li { margin: 0 7px; width: 18px; height: 18px; padding: 3px; position: relative; border-radius: 50%; float: none } .xiangguan .slick-dots li button { width: 10px; height: 10px; display: block; background: #d01725; border-radius: 50%; padding: 0 } .xiangguan .slick-dots li button:before { content: "" } .xiangguan .slick-dots .slick-active { border: 1px solid #d01725 } .xiangguan .slick-dots .slick-active button { background: #d01725 } .application { font-size: 16px; color: #666; line-height: 30px; padding: 33px 0 } .application .info1 { padding-top: 28px; margin-top: 42px; border-top: 1px solid #e9e9e9; padding-bottom: 28px } .application .info1 .bt { font-size: 20px; color: #323131; font-weight: bold; margin-bottom: 18px } .product { padding: 32px 0 } .product ul { margin-bottom: 58px } .product ul li { margin-bottom: 25px } .product ul li .box { position: relative; border: 1px solid #e9e9e9; padding: 10px; background: #fcfcfc } .product ul li .pic { width: 232px; height: 183px; position: absolute; top: 10px; left: 10px } .product ul li .pic img { transition: .5s } .product ul li .text { height: 183px; padding-left: 261px; padding-top: 12px } .product ul li .text .bt { font-size: 16px; color: #333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; border-bottom: 1px dashed #e9e9e9; padding-bottom: 13px; margin-bottom: 13px } .product ul li .text .jsh { font-size: 14px; color: #666; line-height: 25px; margin-bottom: 19px; height: 50px; overflow: hidden } .product ul li .text .span { width: 134px; height: 32px; line-height: 30px; border: 1px solid #cbcbcb; color: #9e9e9e; font-size: 12px; padding-left: 22px; background: url("../../skin/images/dot15.png")/*tpa=http://www.slgzsb.com/images/dot15.png*/ no-repeat 100px center } .product-show { padding: 40px 0; overflow: hidden } .product-show .product-bottom .pro-nav ul li { width: 20%; float: left; text-align: center; border-right: 1px solid #fff } .product-show .product-bottom .pro-nav ul li a { display: block; border-top: 1px solid #d01725; line-height: 50px; font-size: 16px; color: #fff; background: #d01725 } .product-show .product-bottom .pro-nav ul .active a { background: #fff; color: #d01725 } .product-show .product-bottom .pro-list .pro-info { padding: 38px 0 19px 0; border-bottom: 1px solid #e9e9e9 } .product-show .product-bottom .pro-list .pro-info .bt { color: #d01725; font-size: 16px; font-weight: bold; margin-bottom: 20px } .product-show .product-bottom .pro-list .pro-info .jsh p { line-height: 25px } .product-top { margin-bottom: 49px; overflow: hidden } .product-top .pro-left { width: 48%; float: left; overflow: hidden } .product-top .pro-left .pic:after { padding-bottom: 79% } .product-top .pro-left .pro-min { margin: 4px -2px 0 -2px } .product-top .pro-left .pro-min .getIndex { padding: 0 2px } .product-top .pro-right { width: 52%; float: left; padding-top: 13px; padding-left: 27px } .product-top .pro-right .bt { font-size: 20px; color: #d01725; font-weight: bold; padding-bottom: 19px; border-bottom: 1px dashed #e9e9e9 } .product-top .pro-right .info { padding-top: 20px; margin-bottom: 20px; overflow: hidden } .product-top .pro-right .info .title { font-size: 18px; color: #343434; font-weight: bold; margin-bottom: 8px } .product-top .pro-right .info .jsh { line-height: 30px; font-size: 14px; color: #666 } .product-top .pro-right .online a { display: block; float: left; width: 100px; height: 30px; line-height: 30px; text-align: center; color: #fff; font-size: 14px; background: #d01725 } .product-top .pro-right .online .phone { background: url("../../skin/images/phone1.png")/*tpa=http://www.slgzsb.com/images/phone1.png*/ no-repeat center left; padding-left: 31px; margin-left: 20px; float: left; font-size: 21px; color: #343434; font-weight: bold } .pro5 { margin: 0 -6px 31px -6px; overflow: hidden; border-bottom: 0 !important } .pro5 a { width: 33.33333%; float: left; padding: 0 6px; margin-bottom: 13px } .pro5 a .box { padding: 10px; border: 1px solid #e9e9e9 } .pro5 a .pic img { transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; -webkit-transition: all .3s linear } .pro5 a .pic:after { padding-bottom: 62% } .pro5 a .pic i { background: url(../../skin/images/bg4.png)/*tpa=http://www.slgzsb.com/images/bg4.png*/ repeat center center; text-align: center; position: absolute; height: 100%; z-index: 10; top: 0; display: none; width: 100% } .pro5 a .pic i img { width: 50px; height: 50px; position: absolute; top: 50%; margin-top: -25px; left: 50%; margin-left: -25px } .pro5 a span { color: #333; height: 46px; text-align: center; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 100%; line-height: 46px; font-size: 16px; padding: 0 2px } .map { width: 100%; margin: 30px auto } .map dl { border: #d6dbe1 solid 1px; border-top: #d01725 solid 2px; border-bottom: 0; margin: 0 0 20px 0 } .map dl dt { background: #fcfcfc; color: #d01725; font-size: 16px; line-height: 40px; border-bottom: #d6dbe1 solid 1px; padding: 0 0 0 20px } .map dl dt a { color: #333 } .map dd .p2 { padding: 0 0 0 20px; clear: both } .map dd .p2 a { color: #d22f38; font-weight: bold; line-height: 40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .map dl dt a:hover { color: #d01725 } .map dl dt img { margin-left: 20px } .map dl dd { font-size: 12px; line-height: 30px; overflow: hidden; padding-top: 10px } .map dl dd div { clear: both; overflow: hidden; line-height: 30px; border-bottom: #d6dbe1 solid 1px; padding: 0 20px 10px 10px } .map dl dd div a { color: #333; float: left; padding: 0 10px 0 10px } .map dl dd div a:hover { color: #fff; background: #d01725 } .map dl:hover { background: #f5f8fa } .map dl:hover dt a { color: #d01725 } @media (min-width: 1025px) { .header .nav ul li .subnav dl dd a:hover { background: url(../../skin/images/dot17h.png)/*tpa=http://www.slgzsb.com/images/dot17h.png*/ no-repeat center right; color: #d01725 } .header .nav ul li .pronav .container dl dt a:hover { color: #d01725; text-decoration: underline } .header .nav ul li:hover a { border-bottom: 3px solid #d01725; color: #d01725 } .header .nav ul li:hover dl dd a{color:#666} .header .nav .pronav a:hover{color:#d01725} .header .nav ul li:hover .subnav { display: block } .header .nav ul li:hover .subnav dl dd a { border: 0 } .home-banner .home-banner-slick .slick-prev:hover { background: url("../../skin/images/lefth.png")/*tpa=http://www.slgzsb.com/images/lefth.png*/ no-repeat center center !important } .home-banner .home-banner-slick .slick-next:hover { background: url("../../skin/images/righth.png")/*tpa=http://www.slgzsb.com/images/righth.png*/ no-repeat center center !important } .home-class ul li:hover .box { background: #d01725; padding-top: 63px; padding-bottom: 62px } .home-class ul li:hover .pic { margin-top: -63px; border: 5px solid #d01725; border-radius: 50%; background: #fff } .home-class ul li:hover .pic .c { display: none } .home-class ul li:hover .pic .ch { display: block } .home-class ul li:hover .pic:before { display: none } .home-class ul li:hover .text { background: url("../../skin/images/bg.png")/*tpa=http://www.slgzsb.com/images/bg.png*/ no-repeat bottom center } .home-class ul li:hover .text .bt { color: #fff } .home-class ul li:hover .text .jsh { color: #fff } .home-products .home-proclass dl dt a:hover { color: #d01725 } .home-products .home-proclass dl dd:hover { background: #d01725 } .home-products .home-proclass dl dd:hover a { color: #fff } .home-products .home-prolist .item ul li:hover .pic img { transform: scale(1.05) } .home-products .home-prolist .item ul li:hover .text { background: #d01725 url("../../skin/images/more1h.png")/*tpa=http://www.slgzsb.com/images/more1h.png*/ no-repeat 93% center } .home-products .home-prolist .item ul li:hover .text .bt { color: #fff } .home-products .home-prolist .item ul li:hover .text .jsh { color: #fff } .home-partner ul li a:hover { border: 1px solid #d01725 } .home-partner ul li a:hover .pic img { transform: scale(1.05) } .home-partner .slick-prev:hover { background: url("../../skin/images/left1h.png")/*tpa=http://www.slgzsb.com/images/left1h.png*/ no-repeat center center !important } .home-partner .slick-next:hover { background: url("../../skin/images/right1h.png")/*tpa=http://www.slgzsb.com/images/right1h.png*/ no-repeat center center !important } .home-about .left .more a:hover { background: #d01725 url("../../skin/images/dot05h.png")/*tpa=http://www.slgzsb.com/images/dot05h.png*/ no-repeat 118px center; color: #fff } .home-about .pics-2 .items:hover .pic img { transform: scale(1.02) } .home-about .controller a:hover { background: #ef6121 } .home-news .home-bottom .left .top .more a:hover { color: #d01725; border-bottom: 1px solid #d01725 } .home-news .home-bottom .left .show .info .one a:hover .text .bt { color: #003158 } .home-news .home-bottom .left .show .info ul li a:hover { color: #003158 } .home-news .home-bottom .right .top .more a:hover { color: #d01725; border-bottom: 1px solid #d01725 } .home-news .home-bottom .right .show ul li a:hover .bt { color: #d01725 } .footer-top ul li ul li a:hover { text-decoration: underline; opacity: 1 } .inmain .right .current span a:hover { color: #d01725; text-decoration: underline } .aside .aside-list ul li:hover a { color: #d01725; background: url("../../skin/images/dot09h.png")/*tpa=http://www.slgzsb.com/images/dot09h.png*/ no-repeat 98% center } .aside .aside-one .list ul li:hover a { background: url("../../skin/images/dot11h.png")/*tpa=http://www.slgzsb.com/images/dot11h.png*/ no-repeat center left; color: #d01725 } .aside .aside-one .aside-bt a:hover { background: url("../../skin/images/dot10h.png")/*tpa=http://www.slgzsb.com/images/dot10h.png*/ no-repeat center right } .aside .aside-one .list1 ul li:hover a { background: url("../../skin/images/dot11h.png")/*tpa=http://www.slgzsb.com/images/dot11h.png*/ no-repeat center left; color: #d01725 } .aside .aside-list1 ul li > a:hover { color: #fff; background: #d01725 url("../../skin/images/dot13h.png")/*tpa=http://www.slgzsb.com/images/dot13h.png*/ no-repeat 13px center; border-radius: 20px } .aside .aside-list1 ul li ul li a:hover { background: url("../../skin/images/dot14h.png")/*tpa=http://www.slgzsb.com/images/dot14h.png*/ no-repeat 19px center; color: #d01725 } .gallery ul li .box:hover .pic img { transform: scale(1.05) } .gallery ul li .box:hover .bt { color: #d01725 } .history .history-info ul li .box:hover .num { background: #fff url("../../skin/images/dot12h.png")/*tpa=http://www.slgzsb.com/images/dot12h.png*/ no-repeat center 8px } .history .history-info ul li .box:hover .num h3 { color: #d01725 } .history .history-info ul li .box:hover .bt { color: #d01725 } .page a.cpb, .page a:hover { background: #d01725; color: #fff; border: 1px solid #d01725 } .research .list-honor1 .honor-info a .pic:hover img { transform: scale(1.1) } .research .list-honor1 .honor-info a .pic:hover i { display: block } .message1 ul .yanzhen a:hover { color: #666 } .message1 .btn2 input:hover { background: #003158 } .news ul li:hover .box { box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.06) } .news ul li:hover .pic { left: 30px } .news ul li:hover .pic img { transform: scale(1.05) } .news ul li:hover .text { padding-left: 280px } .news ul li:hover .text .bt { color: #d01725 } .prev-next-return .prev:hover, .prev-next-return .next:hover { background-color: #d01725; color: #fff; text-decoration: underline } .prev-next-return .return:hover { background: #d01725 } .xiangguan .news-list li:hover a { background: url("../../skin/images/dot11h.png")/*tpa=http://www.slgzsb.com/images/dot11h.png*/ no-repeat center left } .xiangguan .news-list li:hover h3 { color: #d01725 } .xiangguan .pro-lists li:hover .pic img { transform: scale(1.05) } .xiangguan .pro-lists li:hover .text { background: #d01725 url("../../skin/images/more1h.png")/*tpa=http://www.slgzsb.com/images/more1h.png*/ no-repeat 93% center } .xiangguan .pro-lists li:hover .text .bt { color: #fff } .xiangguan .pro-lists li:hover .text .jsh { color: #fff } .product ul li .box:hover { box-shadow: 0 0 15px 0 rgba(8, 1, 2, 0.06) } .product ul li .box:hover .pic img { transform: scale(1.05) } .product ul li .box:hover .text .bt { color: #d01725 } .product ul li .box:hover .text .span { border: 1px solid #d01725; color: #fff; background: #d01725 url("../../skin/images/dot15h.png")/*tpa=http://www.slgzsb.com/images/dot15h.png*/ no-repeat 100px center } .pro5 a .pic:hover img { transform: scale(1.1) } .pro5 a .pic:hover i { display: block } } @media (max-width: 1200px) { .home-about .left { width: 100% } .home-about .left .list ul { text-align: center; margin-bottom: 20px } .home-about .left .list ul li { width: 148px; display: inline-block; float: none } .home-about .about-visual-recommon { width: 642px; float: none; margin: 0 auto; overflow: hidden } .inmain .right { padding-left: 20px } } @media (max-width: 1024px) { .footer-top .footer-right { padding-left: 20px } .home-class { margin-top: 0; padding-top: 20px } .home-app .home-bottom .app-info .left li a { padding-left: 65px } .inmain .right { width: 67% } .contact .info li { width: 100% } .contact .info li .text { line-height: 26px; font-size: 14px } .contact #allmap { height: 350px } } @media (max-width: 768px) { .inmain { padding: 30px 0 } .inmain .right { width: 100%; padding-left: 0 } .inmain .inmain-info:before { display: none } .aside { width: 100% } .aside .aside-one { display: none } .aside .aside-phone { display: none } .aside .aside-title h3 { font-size: 18px } .aside .aside-title p { font-size: 13px } .aside .aside-title { height: 80px; padding: 15px 21px } .aside .aside-list ul li a { font-size: 14px; line-height: 42px } .about { padding: 25px 0 } .about .about-list li { width: 50%; margin-bottom: 10px } .about .about-list { padding: 20px 0 } .inmain .right .current h3 { font-size: 16px; padding-left: 13px } .inmain .right .current span { font-size: 12px } .about .about-list li .bt { font-size: 15px } .about .about-list li .jsh { font-size: 13px } .about .about-info .title { font-size: 50px; line-height: 75px } .about .about-info .title span { font-size: 30px } .about .about-info .info { font-size: 17px } .history { padding: 25px 0 } .history .history-info { padding-top: 80px; background: url(../../skin/images/history.png)/*tpa=http://www.slgzsb.com/images/history.png*/ no-repeat top left; background-size: 80px } .history .history-info ul li .num { left: 20px; margin-left: 0 } .history .history-info ul li .text { padding-left: 80px; margin-bottom: 20px; overflow: hidden; padding-top: 20px } .history .history-info ul { background: url(../../skin/images/line.png)/*tpa=http://www.slgzsb.com/images/line.png*/ repeat-y 39px top } .history .history-info ul li .bt { display: none } .history .history-info ul li .text { width: 100% } .history .history-info ul .even .text { float: none; padding-right: 0 } .history .history-info ul .odd .text { float: none } .history .history-info .more { margin: 0; width: 80px; height: 80px } .partners { padding: 25px 0 } .partners ul li .box { font-size: 14px; line-height: 35px } .idea ul li .text .bt { font-size: 17px } .home-products .home-proclass dl dt { width: 100% } .home-products .home-proclass dl dd { width: 50%; border-bottom: 1px solid #eee } .home-products .home-proclass dl { font-size: 14px } .home-class ul li .pic { width: 100px; height: 100px; margin-left: -50px } .idea ul li .text .bt:after { margin: 20px 0 } .idea .left ul li .text { padding-right: 20px } .idea .left ul li .text { padding-bottom: 20px } .idea .right1 ul li .text { padding: 20px 0 20px 20px } .home-class ul li .text .bt { font-size: 16px; margin-bottom: 10px } .home-class ul li .text { padding: 20px } .home-class ul li { width: 100% } .home-class ul li .box { background: 0; border-top: 1px solid #eee; padding-top: 100px } .home-class ul .first .box { border-top: 0 } .home-class ul li .text .jsh { font-size: 12px; height: auto } .home-title .top .bt { font-size: 18px } .home-title .top .span { font-size: 35px } .home-class { padding-bottom: 20px } .home-products .home-proclass { padding-top: 20px; margin-bottom: 20px } .home-products .home-prolist .item ul li { width: 50% } .home-products .home-prolist { max-height: none; padding-bottom: 45px } .home-products { padding-bottom: 10px } .home-products .home-prolist .item ul li .text .bt { font-size: 16px } .home-products .home-prolist .item ul li .text { padding: 20px 50px 20px 20px } .home-partner { padding: 30px 0 0 0 } .home-title1 .bt { font-size: 18px } .home-title1 .jsh { font-size: 12px } .home-title1 { padding: 0 0 7px 0; background: 0 } .home-partner .home-bottom { padding: 30px 49px } .home-app { padding-top: 30px } .home-app .home-bottom { margin-top: 30px; padding: 30px 0 } .home-app .home-bottom .app-info .left { width: 100% } .home-app .home-bottom .app-info .left li { width: 33.33333333%; float: left } .home-app .home-bottom .app-info .left .odd a { background: #eee } .home-app .home-bottom .app-info .left li a { background: #f6f6f6 } .home-app .home-bottom .app-info .left .sel a { background: #d01725 } .home-app .home-bottom .app-info .left .sel { background: 0 } .home-app .home-bottom .app-info .left li a { padding: 0 5px; text-align: center } .home-app .home-bottom .app-info .left li { padding-right: 0 } .home-app .home-bottom .app-info .left { line-height: 45px } .home-app .home-bottom .app-info .right { width: 100%; margin-top: 20px } .home-app .home-bottom .app-info .right .info .title { font-size: 18px; background-size: 25px; padding-left: 30px } .home-app .home-bottom .app-info { padding: 25px } .home-advantage { padding: 30px 0 } .home-title2 .bt { font-size: 20px; line-height: 40px } .home-title2 .bt span { font-size: 35px } .home-advantage .home-bottom { padding-top: 30px } .home-advantage .home-bottom .pro-max { max-height: none } .home-advantage .home-bottom .pro-max .item .text { position: relative; bottom: auto; right: auto; margin-left: 0; width: 100%; padding: 20px 0 } .home-advantage .home-bottom .pro-max .item .pic { width: 100% } .home-advantage .home-bottom .pro-max .item .text .top .num { background: 0; font-size: 40px; width: 54px; height: 54px; line-height: 54px } .home-advantage .home-bottom .pro-max .item .text .top .right { padding-left: 60px } .home-advantage .home-bottom .pro-max .item .text .top .right .bt { font-size: 20px } .home-advantage .home-bottom .pro-max .item .text .top .right .span { font-size: 16px } .home-advantage .home-bottom .pro-max .item .text .jsh ul li { margin-top: 10px } .home-advantage .home-bottom .pro-max .item .text .jsh { margin-bottom: 20px } .home-advantage .home-bottom .pro-max .item .text .more a { width: 143px; height: 40px; line-height: 40px; background: #d01725 url(../../skin/images/contact.png)/*tpa=http://www.slgzsb.com/images/contact.png*/ no-repeat 19px center; font-size: 14px; padding-left: 52px } .home-advantage .home-bottom .pro-max { margin-bottom: 20px } .home-advantage .home-bottom .pro-min .getIndex .item { font-size: 14px } .home-about { padding: 30px 0 } .home-about .left .bt { font-size: 18px } .home-about .left .span { font-size: 12px } .home-about .left .span:after { margin: 15px 0 } .home-about .left .list ul li h3 { font-size: 14px } .home-news .home-bottom .left { width: 100%; padding-right: 0 } .home-news .home-bottom .right { width: 100%; padding-left: 0 } .home-news { padding: 30px 0 } .home-news .home-bottom { padding-top: 30px } .home-news .home-bottom .left .show .info .one .text { padding-top: 10px } .home-news .home-bottom .left .show .info .one a { padding-bottom: 10px; margin-bottom: 10px } .home-news .home-bottom .left .show .info .one .text .bt span { font-size: 16px } .home-news .home-bottom .left .show .info .one .text .bt { font-size: 16px; margin-bottom: 10px } .home-news .home-bottom .right .show ul li a .bt { font-size: 16px; padding-left: 35px; margin-bottom: 10px } .home-news .home-bottom .right .show ul li a .jsh { padding-left: 35px } .home-news .home-bottom .right .show .one { margin-bottom: 20px } .home-news .home-bottom .right .show ul li { margin-bottom: 20px; padding-bottom: 20px } .footer-top ul { width: 100%; border-right: 0 } .footer-top ul li { width: 100%; border-bottom: 1px solid #4c4c4c } .footer-top ul li ul { display: none } .footer-top ul li a { line-height: 40px; margin-bottom: 0; font-size: 15px } .footer-top { padding: 20px 0 } .footer-top .footer-right { width: 100%; padding-top: 20px; padding-left: 0 } .footer-top .footer-right .footer-contact { float: left; margin-top: 10px } .footer-top .footer-right .wx { float: none } .footer-bottom { font-size: 12px } .idea { padding: 25px 0 } .partners ul { margin-bottom: 20px } .gallery { padding: 25px 0 } .gallery ul li .box .bt { font-size: 14px } .gallery ul li { width: 50% } .gallery ul { margin-bottom: 20px } .video { padding: 25px 0 } .video .video-title { font-size: 20px; margin-bottom: 15px } .video .jsh { font-size: 14px } .product { padding: 25px 0 } .aside .aside-list1 ul li ul li a { line-height: 32px } .product-top .pro-left { width: 100%; height: auto } .product-top .pro-right { width: 100%; padding-top: 13px; padding-left: 0 } .product-show { padding: 25px 0 } .product-top .pro-right .bt { font-size: 16px; padding-bottom: 10px } .product-top .pro-right .info { padding: 10px 0 0 0; margin-bottom: 10px } .product-top .pro-right .info .title { font-size: 14px; margin-bottom: 0 } .product-top .pro-right .info .jsh { line-height: 25px; font-size: 12px } .product-top .pro-right .online .phone { font-size: 16px } .product-top { margin-bottom: 20px } .pro5 { margin-bottom: 20px } .pro5 a span { font-size: 14px } .pro5 a { width: 50% } .product-show .product-bottom .pro-nav ul li a { font-size: 14px } .product-show .product-bottom .pro-list .pro-info { padding: 30px 0 20px 0 } .product-show .product-bottom .pro-list .pro-info .bt { margin-bottom: 10px } .prev-next-return .return { font-size: 12px } .prev-next-return .prev, .prev-next-return .next { font-size: 12px } .xiangguan { margin-top: 20px } .xiangguan .title h3 { font-size: 20px } .xiangguan .title { margin-bottom: 10px; padding-bottom: 10px } .application .info1 { padding-top: 20px; margin-top: 20px; padding-bottom: 20px } .application { font-size: 14px; line-height: 30px; padding: 25px 0 } .application .info1 .bt { font-size: 16px; margin-bottom: 10px } .inmain .right .current .left { font-size: 16px; letter-spacing: normal } .research .list-honor1 .honor-info a span { font-size: 14px } .research { padding: 25px 0 } .research .list-honor1 { margin-bottom: 20px } .contact { padding: 25px 0 } .messages1 { padding: 25px 0 } .messages1 .message-p { font-size: 14px; line-height: 25px; margin-bottom: 15px } .message1 { padding: 15px } .message1 ul li { width: 100%; padding-left: 0 } .message1 .btn2 { padding-left: 0; margin-top: 20px } .message1 ul .yanzhen { margin-bottom: 20px } .message1 .btn2 input { width: 120px; font-size: 14px; height: 40px; line-height: 40px } .news ul li .box { padding-top: 0; padding-right: 0; padding-bottom: 20px; margin-bottom: 20px } .news ul li .pic { top: 0 } .news ul li .text .span { top: 25px; right: 0 } .news-show { padding: 25px 0 } .news-show .news-h1 { font-size: 20px; margin-bottom: 10px } .news-show .news-info { font-size: 14px; line-height: 25px; padding-bottom: 20px; padding-top: 20px } } @media (max-width: 520px) { .research .list-honor1 .honor-info { margin: 0 -5px } .research .list-honor1 .honor-info a { width: 50%; padding: 0 5px; margin-bottom: 20px } .xiangguan .news-list li { width: 100% } .xiangguan .news-list .background { background: 0 } .partners ul li { width: 50% } .home-about .pics-2 .pic { width: 100%; height: auto } .home-about .pics-2 .pic:after { padding-bottom: 80% } .home-about .pics-2 .items { width: 100% } .home-about .pics-2 .item { height: auto } .home-about .pics-2 { width: 100%; height: auto; margin-right: 0 } .home-about .about-visual-recommon { width: 100% } .home-about .controller { right: 10px; top: auto; bottom: 10px } .home-about .left .list ul { font-size: 0 } .home-about .left .list ul li { width: 50%; text-align: center; margin-bottom: 10px } .home-about .left .list ul li .box { margin: 0 auto } .product ul li .pic { width: 100%; height: auto; position: relative; top: auto; left: auto } .product ul li .pic:after { padding-bottom: 79% } .product ul li .text { padding-left: 0 } .product ul li { margin-bottom: 20px } .product ul { margin-bottom: 20px } .message1 ul .yanzhen input { width: 150px; margin-bottom: 5px } .message1 ul .yanzhen i { margin: 0 } .message1 ul .yanzhen i img { margin-left: 0 } .news ul li .pic { width: 100%; height: auto; position: relative; top: auto; left: auto } .news ul { margin: 0 -5px } .news ul li { width: 50%; float: left; padding: 0 5px } .news ul li .pic:after { padding-bottom: 62% } .news ul li .text { padding-left: 0; padding-right: 0; background: 0; padding-top: 10px; height: auto } .news ul li .text .bt { font-size: 16px; margin-bottom: 5px } .news ul li .text .span { font-size: 16px; top: 0; right: 0; background: #fff; padding: 5px } } @media (max-width: 414px) { .home-products .home-prolist .item ul li { width: 100% } .home-app .home-bottom .app-info .left li { width: 50% } .home-app .home-bottom .app-info .right .info .bottom .item { width: 100% } .footer-bottom { text-align: center } .footer-bottom span { float: none; display: block } .idea .left { width: 100% } .idea .right1 { width: 100% } .idea ul li .text .jsh { min-height: 0 } .idea ul li { margin-bottom: 20px } .idea .right1 ul li .text { padding: 20px 0 } .prev-next-return .prev, .prev-next-return .next { width: 100%; margin-bottom: 1px } .prev-next-return .return { position: relative; width: 100%; left: auto; margin-left: 0; border-right: 0; border-left: 0 } .prev-next-return .next { text-align: left; background: #b6b6b6 url(../../skin/images/arrow-left-02.png)/*tpa=http://www.slgzsb.com/images/arrow-left-02.png*/ no-repeat left center; padding-left: 50px } .prev-next-return .prev { padding-right: 10px } .product-show .product-bottom .pro-nav ul li { width: 33.33333%; margin-bottom: 1px } .pro5 a { width: 100% } .news ul li { width: 100% } } @media(max-width:1220px){ .home-banner { margin-top:40px; } .inbanner{ margin-top:40px; } } #newBridge .icon-right-center{top:70%!important}