html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; line-height: 1.15; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { margin: 0; font-family: "Microsoft Yahei", PingFangSC-Regular, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif; line-height: 1.42857143; font-size: 0.7rem; min-width: 320px; background: #fff; color: #333; padding-bottom: 2.75rem; } h1 { font-size: 2em; margin: .67em 0; } figure { margin: 1em 40px; } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; } a { -webkit-text-decoration-skip: objects; background-color: transparent; } abbr[title] { border-bottom: none; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } b, strong { font-weight: bolder; } dfn { font-style: italic; } mark { background-color: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } audio:not([controls]) { display: none; height: 0; } img { border-style: none; } svg:not(:root) { overflow: hidden; } button, input, optgroup, select, textarea { line-height: 1.42857143; margin: 0; outline: none; } body, button, input, select, textarea { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-font-feature-settings: "liga", "kern"; } button, input { overflow: visible; } button, select { text-transform: none; } button, html [type=button], /* 1 */ [type=reset], [type=submit] { -webkit-appearance: button; } button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { padding: .35em .75em .625em; } legend { -webkit-box-sizing: border-box; box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { display: inline-block; vertical-align: baseline; } textarea { overflow: auto; } [type=checkbox], [type=radio] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } [type=search] { -webkit-appearance: textfield; outline-offset: -2px; } [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } summary { display: list-item; } article, aside, footer, header, nav, section, figcaption, figure, main, details, /* 1 */ menu { display: block; } pre, code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } audio, video, canvas { display: inline-block; } template, [hidden] { display: none; } .clearfix { zoom: 1; } .clearfix:before, .clearfix:after { display: table; line-height: 0; content: ""; } .clearfix:after { clear: both; } a { color: #301f14; text-decoration: none; } ul { margin: 0; list-style: none; padding: 0; } .container { padding: 0 0.5rem; } .img-center { text-align: center; font-size: 0; } .img-center img { display: inline-block; width: auto; height: auto; max-width: 100%; max-height: 100%; vertical-align: middle; } .header { background-color: #fff; padding: 0.5rem 0; } .header .logo { float: left; } .header .logo img { display: block; height: 1.5rem; width: auto; } .header .menu { float: right; height: 0.75rem; margin: 0.3rem 0; } .header .menu img { display: block; height: 100%; width: auto; } .menu-box { position: absolute; top: 2.5rem; left: 0; width: 100%; z-index: 10; background: #e6212a; display: none; } .menu-box ul {} .menu-box li { line-height: 2rem; border-bottom: 1px solid #ad1010; } .menu-box li a { display: block; color: #fff; padding: 0 0.5rem; margin-right: 2rem; } .menu-box li i { float: right; height: 2rem; width: 2rem; background: url(../images/arrt.png) no-repeat center; background-size: 0.625rem 0.625rem; position: relative; z-index: 1; cursor: pointer; } .menu-box li .sub { background: #ad1010; display: none; } .menu-box li .sub a { border-top: 1px solid #e6212a; margin-right: 0; } .menu-box li.open i { background-image: url(../images/arrb.png); } .menu-box li.open .sub { display: block; } .banner img { display: block; width: 100%; height: auto; } .section { padding: 1.5rem 0; } .section-title { text-align: center; margin-bottom: 1rem; font-size: 1rem; color: #e6212a; } .section-title img { display: block; width: 100%; height: auto; margin: 0.25rem 0; } .section-title p { margin: 0; font-size: 0.6rem; text-transform: uppercase; color: #333; } .section-titles { text-align: center; font-size: 0.8rem; position: relative; margin: 20px 0 } .section-titles span { position: relative; height: 45px; line-height: 45px; border-left: 2px solid #ee7316; border-right: 2px solid #ee7316; background: #20317f; padding: 0 10px; display: inline-block; } .section-titles a { color: #FFF; } .ys dl { float: left; display: inline-block; text-align: center; margin-right: 3%; margin-bottom: 0.05rem; width: 47.5%; height: 10rem; border: 1px solid #cccccc; } .ys dl:nth-child(2n) { margin-right: 0; } .ys dl dt { margin: 0; padding: 0.3rem 0; height: 2rem; } .ys dl dd { margin: 0; padding: 0; } .ys dl dt img { max-width: 90%; max-height: 100%; } .ys dl dd h3 { font-size: 0.6rem; color: #333; margin: 0; padding: 0 } .ys dl dd p { ; margin: 0; padding: 0; font-size: 0.4rem; line-height: 1rem; } .ys dl dd .mores { text-align: center; background: #e6212a; border-radius: 5px; width: 60%; margin-left: 20%; margin-top: 0.1rem; } .ys dl dd .mores a { color: #FFF; } .prd-menu { margin-bottom: 0.5rem; } .prd-menu li { float: left; width: 33.333333%; } .prd-menu li a { display: block; text-align: center; line-height: 1.75rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.6rem; margin: 0.05rem; background-color: #252525; color: #fff; } .prd-menu li.active a { background-color: #e6212a; } .prd-con { margin-bottom: 1rem; } .prd-con ul { padding: 1px; } .prd-con li { float: left; width: 50%; } .prd-con li a { display: block; position: relative; margin: 0.05rem; } .prd-con li .m { height: 5.6rem; line-height: 5.6rem; } .prd-con li p { text-align: center; font-size: 0.6rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: absolute; left: 0; bottom: 0; color: #fff; width: 100%; margin: 0; padding: 0.25rem 0; background-color: rgba(0, 0, 0, 0.5); } .more { display: block; line-height: 1.8rem; width: 6rem; background-color: #252525; color: #fff; text-align: center; margin: 1rem auto 0; } .case-con .swiper-pagination { position: static; font-size: 0; margin-top: 0.5rem; } .case-con dl { margin: 0; } .case-con dt img { display: block; width: 100%; height: auto; } .case-con dd { margin: 0; } .fengcai .swiper-pagination { position: static; font-size: 0; margin-bottom: 0.5rem; } .liucheng ul li { float: left; display: inline-block; width: 31%; margin-bottom: 2%; margin-right: 2.2%; border: 1px solid #cccccc; text-align: center; } .liucheng ul li:nth-child(3n) { margin-right: 0; } .liucheng ul li img { margin-top: 0.5rem; } .liucheng ul li p { margin-top: 4px; } .about { margin: 0; } .about dt img { display: block; width: 100%; height: auto; } .about dd { margin: 0; } .about dd h4 { text-align: center; } .about dd h4 small { display: block; font-weight: normal; font-size: 0.6rem; } .news-menu {} .news-menu li { float: left; width: 33.333%; } .news-menu li a { display: block; color: #fff; text-align: center; line-height: 2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: #252525; } .news-menu li.active a { background-color: #e6212a; color: #fff; } .news-con { background-color: #fff; } .news-con li { border-bottom: 0.05rem solid #ddd; } .news-con li a { display: block; padding: 0.5rem; color: #666; } .news-con li span { color: #999; font-size: 0.6rem; margin-bottom: 0.25rem; display: block; float: right; } .news-con li h4 { margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .news-con li p { color: #999; margin: 0.25rem 0 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .footer { text-align: center; font-size: 0.6rem; padding: 0.6rem 0; } .footer a { display: inline-block; vertical-align: bottom; margin: 0 0.5rem; } .footer-fix { position: fixed; bottom: 0; left: 0; width: 100%; background-color: #252525; z-index: 10; } .footer-fix li { float: left; width: 25%; } .footer-fix li a { display: block; text-align: center; color: #fff; padding: 0.4rem 0; font-size: 0.6rem; line-height: 1; } .footer-fix li i { display: block; height: 1rem; background: no-repeat center; background-size: contain; margin-bottom: 0.25rem; } .footer-fix li i.i1 { background-image: url(../images/db1.png); } .footer-fix li i.i2 { background-image: url(../images/db2.png); } .footer-fix li i.i3 { background-image: url(../images/db3.png); } .footer-fix li i.i4 { background-image: url(../images/db4.png); } .footer-fix li:first-child { background-color: #e6212a; } .list-3 li { padding: 0.5rem 0; border-bottom: 1px solid #ddd; } .list-3 li a { display: block; overflow: hidden; } .list-3 li .m { float: left; width: 5rem; } .list-3 li .m img { display: block; width: 100%; height: auto; } .list-3 li .text { margin-left: 5.5rem; } .list-3 li .text h4 { margin: 0; font-size: 0.7rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; border-bottom: 1px solid #ddd; padding-bottom: 0.5rem; } .list-3 li .text .desc { margin: 0.5rem 0 0; color: #777; font-size: 0.6rem; height: 1.7rem; overflow: hidden; } .list-3 li .text .desc p { padding: 0; margin: 0; } .list-3 li.top .tt { float: left; padding: 0.3rem 0.6rem; background-color: #e6212a; color: #fff; } .list-3 li.top .text { margin-left: 3.2rem; } .title-1 { text-align: center; line-height: 2.4rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: #e6212a; background-size: cover; font-size: 0.8rem; margin-bottom: 1rem; color: #fff; border-bottom: 1px solid #333; } .tab { text-align: center; margin: 1.2rem auto; } .tab a { width: 29%; height: 1.2rem; line-height: 1.2rem; margin: .05rem; display: inline-block; padding: 0 .1rem; background: #252525; color: #fff; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .tab a:hover, .tab a.on { background: #e6212a; } .title-2 { border-bottom: 0.05rem solid #ececeb; margin-bottom: 0.75rem; font-size: 0.8rem; } .title-2 span { display: inline-block; padding-bottom: 0.25rem; border-bottom: 0.05rem solid #000; margin-bottom: -0.05rem } .title-2-m { font-size: 0.6rem; color: #999; text-transform: uppercase; } .title-2-m span { background: url(../images/m-cx-4-3-01-icon1.png) no-repeat 0 0.105rem; background-size: auto 0.75rem; padding-left: 1rem; font-size: 0.7rem; color: #333; } .page { text-align: center; margin: 1rem 0; } .page a, .page span { display: inline-block; margin: 0 0.25rem; padding: 0.3rem 0.6rem; } .page a { background-color: #e6212a; color: #fff; border-radius: 0.15rem; } .column { position: fixed; z-index: 10; left: 0; bottom: 0; width: 100%; background-color: #313131; color: #fff; border-top: 0.1rem solid #e6212a; } .column a { color: #fff; } .column-btn { text-align: center; padding: 0.5rem 0; } .column-btn a { display: inline-block; padding: 0.25rem 0.6rem; border: 0.05rem solid #fff; border-radius: 0.15rem; min-width: 5rem; } .column ul { border-bottom: 0.05rem solid #222; display: none; } .column li { float: left; width: 50%; text-align: center; border-bottom: 0.05rem solid #222; margin-bottom: -0.05rem; } .column li a { display: block; line-height: 1.75rem; } .infocontent { margin-bottom: 1rem; } .infocontent .more { display: block; text-align: center; line-height: 1.5rem; color: #fff; background-color: #333; } .infocontent-title { text-align: center; margin: 0 0 0.5rem; border-bottom: 1px solid #ddd; padding: 0 0 0.5rem 0; } .infocontent-title h1 { font-size: 0.8rem; } .infocontent-title p { font-size: 16px; margin: 0.5rem 0 0; color: #999; font-weight: normal; } .infocontent-title h1.p { font-size: 14px; font-weight: normal; } .infocontent-body { line-height: 1.8; margin-bottom: 1rem; } .infocontent-body img { max-width: 100%; height: auto!important; } .infocontent-desc { overflow: hidden; background-color: #f8f8f8; margin-bottom: 1rem; } .infocontent-desc strong { background-image: -webkit-gradient(linear, left top, right top, from(#0166da), to(#95bdff)); background-image: linear-gradient(to right, #0166da, #95bdff); color: #fff; padding: 0.75rem; font-size: 1rem; font-weight: bold; display: block; text-align: center; } .infocontent-desc p { margin: 0; padding: 1rem; } .infocontent-epx { margin-bottom: 1rem; } .infocontent-epx li { line-height: 1rem; margin-bottom: 0.75rem; } .infocontent-epx li span { background-color: #a2a2a2; color: #fff; padding: 0 0.25rem; font-size: 0.6rem; float: left; } .infocontent-epx li a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .showcase { margin: 1rem 0; } .showcase-info { margin-top: 0.75rem; line-height: 1.8; color: #666; font-size: 0.6rem; } .showcase-info p { margin: 0; padding: 0.25rem 0; } .pro-list { margin-left: -0.5rem; } .pro-list li { float: left; width: 50%; } .pro-list li a { display: block; margin-left: 0.5rem; margin-bottom: 0.5rem; } .pro-list li .m { border: 1px solid #ddd; height: 5.35rem; line-height: 5.35rem; } .pro-list li .text { text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1.5rem; font-size: 0.6rem; } .about-1 { margin: 0 0 1rem; overflow: hidden; } .about-1 dd { margin: 0.2rem 0 0; min-height: 12rem; } .about-1 dd h4 { margin: 0 0 0.5rem; font-size: 0.8rem; } .about-1 dd p { margin: 0; line-height: 1.8; color: #666; text-align: justify; } .about-2 dl { margin-bottom: 1rem; overflow: hidden; } .about-2 dd { margin: 1rem 0 0; background-color: #f4f4f4; padding: 0.5rem; } .about-2 dd h4 { margin: 0 0 0.5rem; line-height: 1.8rem; color: #fff; background-color: #000; text-align: center; font-size: 0.8rem; } .about-2 dd p { margin: 0; padding-top: 0.5rem; border-top: 0.05rem dashed #333; color: #666; line-height: 1.8; } .contact dl { margin: 0 0 0.5rem; padding: 0 0 0.5rem 0; border-bottom: 1px solid #ddd; overflow: hidden; } .contact dt { float: left; } .contact dt img { width: 1.5rem; height: auto; } .contact dd { margin-left: 2rem; line-height: 1.5rem; } .message { margin-bottom: 1rem; } .form-group { margin-bottom: 0.75rem; } .form-label { line-height: 1.7rem; display: block; float: left; width: 4rem; text-align: right; } .form-label span { color: #c5262b; } .form-content { margin-left: 4rem; } .form-control { line-height: 1rem; font-family: 'Microsoft yahei'; font-size: 0.7rem; border: 0.05rem solid #ddd; padding: 0.3rem 0.6rem; width: 100%; display: inline-block; vertical-align: top; -webkit-box-sizing: border-box; box-sizing: border-box; } select.form-control { height: 1.7rem; } .form-submit { padding: 0.3rem 1.1rem; color: #fff; background-color: #e6212a; border: 0; cursor: pointer; font-size: 0.8rem; border-radius: 0.15rem; } .form-button { padding: 0.3rem 1.1rem; color: #fff; background-color: #767676; border: 0; cursor: pointer; font-size: 0.8rem; border-radius: 0.15rem; } .mt15 { margin: 15px 0; } .load_more { position: relative; transition: all .3s; text-align: center; } .load_more .la-ball-fall { position: absolute; left: 50%; top: 50%; margin-left: -36px; margin-top: -9px; opacity: 0; visibility: hidden; cursor: not-allowed } .load_more .la-ball-fall.la-sm { margin-left: -18px; margin-top: -4px } .load_more .la-ball-fall.la-2x { margin-left: -72px; margin-top: -18px } .load_more .la-ball-fall.la-3x { margin-left: -108px; margin-top: -27px } .load_more .load_more_btn { border: 0; color: #fff; text-align: center; width: 100%; line-height: 2em; border-radius: 2em; background-color: #e6212a; transition: background-color .2s; outline: none } .load_more .load_more_btn:hover { background-color: #e6212a } .load_more .load_more_btn[disabled] { color: transparent; opacity: .6; cursor: not-allowed } .load_more .load_more_btn[disabled]~.la-ball-fall { opacity: 1; visibility: visible; transition-delay: 0s } .la-ball-fall { display: block; font-size: 0; color: #fff } .la-ball-fall, .la-ball-fall>div { position: relative; box-sizing: border-box } .la-ball-fall.la-dark { color: #333 } .la-ball-fall>div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; width: 10px; height: 10px; margin: 4px; border-radius: 100%; opacity: 0; -webkit-animation: a 1s ease-in-out infinite; animation: a 1s ease-in-out infinite } .la-ball-fall>div:first-child { -webkit-animation-delay: -.3s; animation-delay: -.3s } .la-ball-fall>div:nth-child(2) { -webkit-animation-delay: -.2s; animation-delay: -.2s } .la-ball-fall>div:nth-child(3) { -webkit-animation-delay: -.1s; animation-delay: -.1s } .la-ball-fall>div:nth-child(4) { -webkit-animation-delay: 0ms; animation-delay: 0ms } .la-ball-fall.la-sm>div { width: 5px; height: 5px; margin: 2px } .la-ball-fall.la-2x>div { width: 20px; height: 20px; margin: 8px } .la-ball-fall.la-3x>div { width: 30px; height: 30px; margin: 12px } .pagination p { margin: 0; cursor: pointer } .pagination { height: 40px; padding: 20px 0px; text-align: center; margin: 0 auto; } .pagination a { display: inline-block; margin-right: 10px; padding: 2px 12px; height: 24px; border: 1px #cccccc solid; background: #fff; text-decoration: none; color: #808080; font-size: 12px; line-height: 24px; } .pagination a:hover { color: #004fab; background: white; border: 1px #E6212A solid; } .pagination a.cur { border: none; background: #E6212A; color: #fff; } .pagination p { display: inline-block; padding: 2px 12px; font-size: 12px; height: 24px; line-height: 24px; color: #bbb; border: 1px #ccc solid; background: #fcfcfc; margin-right: 8px; } .pagination p.pageRemark { border-style: none; background: none; margin-right: 0px; padding: 4px 0px; color: #666; } .pagination p.pageRemark b { color: red; } .pagination p.pageEllipsis { border-style: none; background: none; padding: 4px 0px; color: #808080; } .dates li { font-size: 14px; margin: 20px 0 } .dates li span { float: right } #search { background: #f2f2f2; width: 100%; margin: 0 auto; height: 2rem; left: 0; top: .88rem; padding-top: .2rem; } #search input { display: block; padding: 0; margin: 0; } #search .txt { border: none; width: 80%; height: 1.65rem; line-height: 1.65rem; margin-left: 4%; color: #666; font-size: 0.6rem; background: #fff; text-indent: 3%; border-top-left-radius: .3rem; border-bottom-left-radius: .3rem; float: left; } #search .btn { cursor: pointer; border: none; font-size: 0.6rem; width: 1.8rem; height: 1.65rem; text-align: center; background: #d92e35; background-size: 2.4rem auto; color: #fff; border-top-right-radius: .3rem; border-bottom-right-radius: .3rem; background-size: 2.0rem auto; vertical-align: middle; float: left; }